@charset "utf-8";
/* CSS Document */

.hideobj { display:none;}
* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

body { color:#000000; font-family:"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ; margin:0; padding:0; font-size:16px;}
img { border:0; padding:0; margin:0; max-width: 100%; width: auto\9; }

form {margin:0;}
a:hover{border:0;background-color:none; }
a:active{border:0;background-color:none;}
a:focus{border:0;background-color:none;}
.wrap{width:1200px;  margin:0 auto; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:borer-box;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#container{ overflow:hidden;}
h4{ float:left; padding-bottom:20px;}

/* header */

	#menu-phone{ display:none;}
	#top-nav{ border-bottom:5px solid #e40216; }
	#top-nav .header-logo{float:left;}
	#top-nav .nav{ float:right; }
	#header ul {float:left;}
	#header ul li {float:left;}
	#top-nav .nav > li > a{font-size: 15px;color:#000000;float:left;color:#000000; padding:20px 30px 5px 0px; line-height:20px;}
	#top-nav .nav > li:last-child a{padding-right:0px;}
    #top-nav .nav > li > a:hover, #top-nav .nav > li > a:focus {text-decoration: none;background-color:#ffffff;color:#135897;}
    #top-nav .nav > li.active a {color:#135897; }
	#top-nav .nav > li > ul{ display:none;}
	#top-nav .nav > li > ul li a{ font-size:13px;}

	#bottom-nav{ border-top:8px solid #145897; padding-top:10px;}
	#bottom-nav .nav2  { text-decoration:none;list-style: none; float:right;}
	#bottom-nav .nav2 > li {  }
    #bottom-nav .nav2 > li > a{ color:#000000;float:left;color:#000000; padding:5px 8px 5px 8px; line-height:15px; font-size:13px; text-decoration:none;}
	#bottom-nav .nav2 .n15{ display:none;}
	#bottom-nav .nav2 li.n16 { border-right:1px #000000 solid;padding:0 8px;}
	#bottom-nav .nav2 .n8 { border-right:1px #000000 solid;padding:0 8px;}
	#bottom-nav .nav2 .n9 { border-right:1px #000000 solid;padding:0 8px;}
	#bottom-nav .nav2 .n10 { border-right:1px #000000 solid;padding:0 8px;}
	#bottom-nav .nav2 .n11 { border-right:1px #000000 solid;padding:0 8px;}


	#bottom-nav .nav2 > li:last-child a{padding-left:0px;}
	#bottom-nav .nav2 > li > a:hover, #bottom-nav .nav2 > li > a:focus { text-decoration: none;background-color:#ffffff;color:#135897;}
	#bottom-nav .nav2 > li.active a{color:#135897; }
	#bottom-nav .bottom-logo{ float:left; display: none;}
	#bottom-nav .nav2 > li > ul{ display:none;}
	#bottom-nav .nav2 > li > ul li a{ font-size:13px;}



/* banner */
	#banner{max-width:100%; width:100%; height:auto;}
	#banner02{ display:none;}


/* breadcrumb */
   .breadcrumb{font-size:13px; color:#878787; background-color:#FFFFFF; float:right;padding: 20px 0px;}
   .breadcrumb a{color:#878787; background-color:#FFFFFF; text-decoration:none;}
   .breadcrumb a:hover{color:#145897;}


/* #middle */

	#middle{ float:right; width:80%;  text-align:left; padding-bottom:50px; margin:0 auto;}
	#middle ul{ list-style:none;}
    #middle ul li{float:left;}
	#middle ul li:nth-child(3n+1) {
		clear: left;
		}
	#middle .pro{width:220px; position:relative; padding:20px 15px;text-align: center; margin-left:50px;}

	#middle .pro .ho {text-align:center; position: absolute;left: 0;top: 0; width: 100%;height: 100%;background-color: rgba(255,255,255,0); z-index: 8;background-position: center center;}
	#middle .pro .ho:hover {background-color: rgba(255,255,255,0.5);}

	#middle .pro-show a{position: absolute; top: 23%; left: 30%;-webkit-transform: translate(-30%, 0%); transform: translate(-30%, 0%);opacity: 0;  color: #FFF;padding:30px;  z-index: 999; width:100%; height:100%;}

	#middle .ho:hover .pro-show  a{opacity: 1;}

	#middle .pro p{ font-size:13px; font-family:"Roboto Light", \5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ;
	 text-align:center;padding: 15px 10px;}
	 .mfp-bottom-bar .mfp-title {
    display: none;
}
/* footer */

	 #footer{ background-color:#eeeeee; padding:20px 0 40px 0;}
	 .footertext{color:#145897; font-size:14px; margin:0; padding:0;padding-left:10px;padding-top:5px;}
	 .footer-about{  float: left;}
     .footer-about ul{ list-style:none; margin:0; padding:0px; float:left; border-right:1px solid #dcdcdc; min-height:200px; }
	 .footer-about ul li{ padding:2px 30px 2px 10px;}
	 .footer-about ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-about ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}

	 .footer-pro{float:left; }
	 .footer-pro ul{ list-style:none; margin:0; padding:0px; float:left;  border-right:1px solid #dcdcdc; min-height:200px;}
	 .footer-pro ul li{ padding:2px 50px 2px 10px;}
	 .footer-pro ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-pro ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}

	 .footer-pro01{float:left;}
	 .footer-pro01 ul{ list-style:none; margin:0; padding:0px; float:left; border-right:1px solid #dcdcdc; min-height:200px; }
	 .footer-pro01 ul li{ padding:2px 80px 2px 10px;}
	 .footer-pro01 ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-pro01 ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}

	 .footer-pro02{float:left;}
	 .footer-pro02 ul{ list-style:none; margin:0; padding:0px; float:left; border-right:1px solid #dcdcdc; min-height:200px;}
	 .footer-pro02 ul li{ padding:2px 100px 2px 10px; }
	 .footer-pro02 ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-pro02 ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}

	 .footer-pro03{float:left;}
	 .footer-pro03 ul{ list-style:none; margin:0; padding:0px; float:left; border-right:1px solid #dcdcdc; min-height:200px;}
	 .footer-pro03 ul li{ padding:2px 50px 2px 20px;}
	 .footer-pro03 ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-pro03 ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}


	 .footer-technical{float:left;}
	 .footer-technical ul{ list-style:none; margin:0; padding:0px; float:left;border-right:1px solid #dcdcdc; min-height:200px; }
	 .footer-technical ul li{ padding:2px 30px 2px 10px;}
	 .footer-technical ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-technical ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}

	 .footer-investors{float:left;}
	 .footer-investors ul{ list-style:none; margin:0; padding:0px; float:left; border-right:1px solid #dcdcdc; min-height:200px;}
	 .footer-investors ul li{ padding:2px 30px 2px 10px;}
	 .footer-investors ul li a{ font-size:13px;color:#444444; text-decoration:none;}
	 .footer-investors ul li a:hover{ font-size:13px;color:#145897;text-decoration:none;}
	 .footer-nav{float:left;}
	 .footertext03{color:#145897; font-size:14px; margin:0; padding:0;padding-left:15px;padding-bottom:8px;margin-top: 2px;}


	/* footerinfo */

     #footer-info{ background-color:#FFFFFF;}
	 #footer-info .companyname{ float:left;padding:20px 0;}
	 #footer-info  .companyname ul{ list-style:none;}
	 #footer-info .companyname ul li a{ text-decoration:none; font-size:12px;color:#145897;}
	 .footerlogo{float:left; margin-right: 10px;}
	 .copyright{float:left; font-size:12px;color:#145897; padding:2px 0; }
	 .design{display:block; padding:2px 0;}
	 .smo{ float:right;padding:20px 0;}
	 .smo ul{ padding:0; margin:0; list-style:none; display: flex; align-items: center;}
	 /* .smo ul li { float:left;} */
	 .smo ul li a{padding:25px 10px; font-size:25px; color:#145897;}
	 .smo ul li a:hover{color:#e40216;}
	 .smo ul li img{width:60px;}

	.goto_top  a{position:absolute;bottom: 0;right: 0; cursor: pointer; background-color:#000000;color:#FFFFFF;  width:50px; text-align:center;height:80px; font-size:40px; padding-top:5px}
	/*slidebar*/
    .sb-slidebar {}
	.sb-slidebar #slidebar-1, .sb-slidebar #slidebar-2 { display: none;}
	.sb-slidebar.side-1 #slidebar-1 { display: block;}
	.sb-slidebar.side-2 #slidebar-2 { display: block;}

	#slidebar-1 img{ display:none;}
	#slidebar-2	.menutitle{display:none;}
	.sb-slidebar.side-1, .sb-slidebar.side-2{background:#145897;}
	.sb-slidebar.side-1{padding:0;margin:0;}
	.sb-slidebar.side-1  ul{ list-style:none;}
	.sb-slidebar.side-1  ul li a{ color:#ffffff;}

	.sb-slidebar.side-2 ul{ list-style:none;}
	.sb-slidebar.side-2 ul li a{ color:#ffffff;}
.sb-slidebar .nav .open > a, .sb-slidebar .nav .open > a:hover,.sb-slidebar  .nav .open > a:focus{background:rgba(255,255,255,0.2);}
	 span.sb-caret, i.sb-caret  {width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	 span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent;}

    .sb-slidebar ul{padding-left:0;}
	.sb-slidebar ul li{border-bottom:1px solid #ffffff;}
	.sb-slidebar li a{color:#fff; font-weight:300; padding:10px 15px; display:block; cursor:pointer; }
	.sb-slidebar li>a{text-transform:uppercase;}
	.sb-slidebar li a{font-size:16px;}
	.sb-slidebar li >a:hover, .sb-slidebar ul > li > a:focus, .sb-slidebar ul > li.active > a{background:rgba(255,255,255,0.2); text-decoration: none;}
	.sb-slidebar li.m3 li span, .sb-slidebar li.m6 li span{ display:none;}
	.sb-submenu {display: none;	padding: 0;	margin: 0;	list-style-type: none;	background-color: rgba(255, 255, 255, 0.1);}

	.sb-slidebar .nav .open > a, .sb-slidebar .nav .open > a:hover,.sb-slidebar  .nav .open > a:focus{background:rgba(255,255,255,0.2);}
	span.sb-caret, i.sb-caret  {width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent;}






/*sidemenu-*/
    #sidemenu{float: left; width:20%; margin-top:80px; }
	#sidemenu ul{list-style:none; padding:0px; margin:0;border-left:1px solid #000;}
	#sidemenu ul li{ margin-bottom:25px;}
	#sidemenu ul li a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir01.png); background-repeat:no-repeat;color:#000000;background-position:left top;background-size:20px;text-decoration:none;font-weight:bold;font-size:16px;display: block;}
	#sidemenu ul li:hover>a {margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;font-weight:bold; font-size:16px;display: block;}
	#sidemenu ul li.active>a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;font-weight:bold;font-size:16px;    display: block;}
	#sidemenu ul li ul{ padding:0; margin:0; border-left:0;background-image:none;}
    #sidemenu ul li ul li{ margin-bottom:8px; margin-top:3px;background-image:none; background:none;}
	#sidemenu ul li ul li>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#000000; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;    display: block;}
	#sidemenu ul li ul li:hover>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;display: block;}
	#sidemenu ul li ul li.active>a{background:none; padding:0; margin:0; background-image:none;font-size:13px;color:#e40216; padding:5px 0;padding-left: 24px;display: block;}
	 #sidemenu span{ font-weight:bold; font-size:14px;}
	 #sidemenu span i{ padding-left:5px; padding-top:5px; font-size:13px;}
	 #sidemenu ul li ul li ul{ padding:0; margin:0; border-left:0;background-image:none;}
	#sidemenu ul li ul li ul li>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#000000; text-decoration:none; padding:5px 0;background:none;padding-left: 24px; font-weight:normal;display: block;}
	#sidemenu ul li ul li ul li:hover>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;font-weight:normal;display: block;}
	#sidemenu ul li ul li ul li.active>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;font-weight:normal;display: block;}




/*sidemenu02*/
    #sidemenu02{float: left; width:20%; margin-top:80px; }
	#sidemenu02 ul{list-style:none; padding:0px; margin:0;border-left:1px solid #000;}
	#sidemenu02 ul li{ margin-bottom:25px;}
	#sidemenu02 ul li a{font-size: 15px;margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir01.png); background-repeat:no-repeat;color:#000000;background-position:left top;background-size:20px;text-decoration:none;}
	#sidemenu02 ul li:hover>a {margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu02 ul li.active>a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu02 ul li ul{ padding:0; margin:0; border-left:0;background-image:none;}
    #sidemenu02 ul li ul li{ margin-bottom: 3px; background-image: none;background: none;padding-top: 8px;}
	#sidemenu02 ul li ul li>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#000000; text-decoration:none; padding:5px 0;background:none;padding-left: 24px; display:block;}
	#sidemenu02> ul> li> ul> li:hover>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;}
	#sidemenu02 ul li ul li.active>a{background:none; padding:0; margin:0; background-image:none;font-size:13px;color:#e40216; padding:5px 0;padding-left: 24px;}

/*sidemenu03*/
    #sidemenu03{float: left; width:20%; margin-top:80px; }
	#sidemenu03 ul{list-style:none; padding:0px; margin:0;border-left:1px solid #000;}
	#sidemenu03 ul li{ margin-bottom:25px;}
	#sidemenu03 ul li a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir01.png); background-repeat:no-repeat;color:#000000;background-position:left top;background-size:20px;text-decoration:none;}
	#sidemenu03 ul li:hover>a {margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu03 ul li.active>a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu03 ul li ul{ padding:0; margin:0; border-left:0;background-image:none;}
    #sidemenu03 ul li ul li{ margin-bottom:10px;background-image:none; background:none;}
	#sidemenu03 ul li ul li>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#000000; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;}
	#sidemenu03 ul li ul li:hover>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;}
	#sidemenu03 ul li ul li.active>a{background:none; padding:0; margin:0; background-image:none;font-size:13px;color:#e40216; padding:5px 0;padding-left: 24px;}
/*sidemenu09*/
    #sidemenu09{float: left; width:20%; margin-top:80px; }
	#sidemenu09 ul{list-style:none; padding:0px; margin:0;border-left:1px solid #000;}
	#sidemenu09 ul li{ margin-bottom:25px;   overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 200px;}
	#sidemenu09 ul li a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir01.png); background-repeat:no-repeat;color:#000000;background-position:left top;background-size:20px;text-decoration:none;}
	#sidemenu09 ul li:hover>a {margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu09 ul li.active>a{margin-left:-10px; padding-left:30px ;  background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#145897;background-position:left top;background-size:20px;}
	#sidemenu09 ul li ul{ padding:0; margin:0; border-left:0;background-image:none;}
    #sidemenu09 ul li ul li{ margin-bottom: 3px; background-image: none;background: none;padding-top: 8px;  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 200px;}
	#sidemenu09 ul li ul li>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#000000; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;}
	#sidemenu09> ul> li> ul> li:hover>a{ padding:0; margin:0; background-image:none;font-size:13px;font-size:13px;color:#e40216; text-decoration:none; padding:5px 0;background:none;padding-left: 24px;}
	#sidemenu09 ul li ul li.active>a{background:none; padding:0; margin:0; background-image:none;font-size:13px;color:#e40216; padding:5px 0;padding-left: 24px;}



#sidemenu03{ display:none;}

/* 產品內頁*/
.proimg{float:left; padding:0 15px 30px 15px; /*margin-left:25px*/;width: 50%;}
.proinfo{ float:left; padding-top:80px;width:50%; }
.infotitle{ font-family: 'Russo One', sans-serif; font-size:25px;color:#3a4149;padding-left: 20px;}
.info_text01 ul li{ color:#000000;font-size:14px; padding:0; margin:0; list-style:disc; padding:5px 0px 5px 0px; }
.inqery1{display: none;}
.inqery1 ul{list-style:none; display:block; padding:0;margin:40px 0;}
.inqery1 ul li{margin-left: 20px;padding-left:30px ; padding-right:30px; background-image:url(../image/cir03.png); background-repeat:no-repeat;color:#000000; text-decoration:none;with:18px; background-position:left center;background-size:18px;color:#999999;}
.inqery1 ul li a{ font-size:18px;color:#999999; text-decoration:none;}
.inqery1 ul li:hover{ padding-left:30px ; padding-right:30px; background-image:url(../image/cir02.png); background-repeat:no-repeat;color:#000000; text-decoration:none;with:18px; background-position:left center;background-size:18px;color:#316da4;}
.inqery1 ul li a:hover{ font-size:18px;color:#316da4; }
.clearfix:after{ content: ""; display: block; clear: both;}
#proshow_sp{width:100%;margin-left:25px; padding:50px 0; }
.resp-tabs-list{border-left:1px solid #000000; }
#proshow_sp h2.resp-accordion{ font-size:20px;color:#333333;}
h2.resp-accordion ul{ border-left:1px solid #000000; height:auto;}
h2.resp-accordion ul li{ border-left:1px solid #000000;height:auto;}

/*
h2.resp-accordion:nth-of-type(1):before{content:""; background:url(../image/tab_img_01_ac.png) no-repeat; width:50px; height:50px; display:inline-block;vertical-align:middle; position: relative; z-index:5; background-size:50px 50px;}
h2.resp-tab-active:nth-of-type(1):before{ content:""; background:url(../image/tab_img_01.png) no-repeat; width:50px; height:50px;display:inline-block;vertical-align:middle;background-size:50px 50px;}
*/
h2.resp-accordion:nth-of-type(1):before{ content:""; background:url(../image/tab_img_02_ac.png) no-repeat; width:50px; height:50px; display:inline-block;vertical-align:middle;position: relative; z-index:5;background-size:50px 50px;}
h2.resp-tab-active:nth-of-type(1):before{ content:"";/* background:url(../image/tab_img_02.png) no-repeat*/; width:50px; height:50px;display:inline-block;vertical-align:middle;background-size:50px 50px;}
/*
h2.resp-accordion:nth-of-type(3):before{ content:""; background:url(../image/tab_img_03_ac.png) no-repeat; width:50px; height:50px; display:inline-block;vertical-align:middle;position: relative; z-index:5;background-size:50px 50px;}
h2.resp-tab-active:nth-of-type(3):before{ content:""; background:url(../image/tab_img_03.png) no-repeat; width:50px; height:50px;display:inline-block;vertical-align:middle;background-size:50px 50px;}
*/


h2.resp-accordion { display: block; cursor: inherit; }
.resp-accordion-closed { display: block !important; }
.resp-tab-content { display: block; }
.resp-arrow { display: none; }

.feature-info{ font-size:15px;color:#000000; margin-left:25px; padding-left:40px; padding-right:10px; text-align:left;}
.feature-img{ text-align:center;padding:50px 10px;width: 80%;margin: 0 auto;}
.feature-img p{ font-size:13px; padding:10px 0; margin:0;}

#pro-table{padding:20px 0px 40px 0; width:85%; margin:0 auto;}
#pro-table p{font-size:13px;padding:15px;}
#pro-table th{ border-bottom:3px solid #e40216;}
/**#pro-table td{border-right:1px solid #cccccc;}
#pro-table td:last-child{border-right:none;}**/
#pro-back{ float:right; padding:40px 0;}
#pro-back a{ border:2px #000000 solid;border-radius:40px;width:40px;height:40px;display:block; text-align:center; text-decoration:none; color:#000000; font-weight:500; font-size:20px; box-sizing:border-box;padding-top:5px;margin: 0 auto;}
#pro-back a:hover{ border:2px #145897 solid;border-radius:40px;width:40px;height:40px;display:block; text-align:center; text-decoration:none; color:#145897; font-weight:500; font-size:20px; box-sizing:border-box;padding-top:5px;margin: 0 auto;}





.resp-tabs-container{ position:relative; display:block;font-size: 16px;}
.resp-tabs-container:after{ content:" "; width:1px; height:auto;  position:absolute; left:4.5%; top:15px; bottom:15px; background:#000; z-index:3;}
#pro-table table{ width:100%;}


#pro-back02{ margin:0 auto; padding:40px 0;}
#pro-back02 a{ border:2px #000000 solid;border-radius:40px;width:40px;height:40px;display:block; text-align:center; text-decoration:none; color:#000000; font-weight:500; font-size:20px; box-sizing:border-box;padding-top:5px;margin: 0 auto;}
#pro-back02 a:hover{ border:2px #145897 solid;border-radius:40px;width:40px;height:40px;display:block; text-align:center; text-decoration:none; color:#145897; font-weight:500; font-size:20px; box-sizing:border-box;padding-top:5px;margin: 0 auto;}
/*#pro-back03*/

#pro-back03{ margin:0 auto; padding:60px 0;}
#pro-back03 a{ border:2px #000000 solid;border-radius:60px;width:60px;height:60px;display:block; text-align:center; text-decoration:none; color:#000000; font-weight:500;  box-sizing:border-box;padding-top:5px;margin: 0 auto; font-size:16px;padding-top: 18px;}
#pro-back03 a:hover{ border:2px #145897 solid;border-radius:60px;width:60px;height:60px;display:block; text-align:center; text-decoration:none; color:#145897; font-weight:500;  box-sizing:border-box;padding-top:5px;margin: 0 auto;font-size:16px;padding-top: 18px;}
/*最新消息-news_middle*/

#news_middle{ float:right; width:80%; margin-bottom:200px; }
#news_middle ul{ list-style:none; padding:0; margin:0;}
#news_middle ul li{float:left;width:100%;}
#news_middle ul li:first-child{ padding-top:0px;}
#news_middle ul li{ background-image:url(../image/news/new_lin.png); background-repeat:repeat-x; padding:20px 0 10px 0; background-position:left bottom;}
#news_middle ul li a{ opacity:0.5;}
#news_middle ul li a:hover{ opacity:1;}
.all_news{font-size:16px;color:#444444; float:left; line-height:20px; text-align:left; width: 95%;}
#news_middle .news_re{ float:right; width:35px; vertical-align:middle; opacity:1;}
#news_middle .news_re:hover{ float:right; width:35px; vertical-align:middle; opacity:0.5;}
#news_middle span{ display:block; padding:5px 0;}
.tdimg{ text-align:center; width:35px; vertical-align:middle; opacity:1;}
.tdimg:hover{ text-align:center; width:35px; vertical-align:middle; opacity:0.5;}
/*最新消息-news_middle*/
#news_content{ float:right; width:80%;   margin-bottom:100px; }
.news_title{ font-size:27px;font-weight: bold;color:#000; padding-bottom:10px;}
#news_content ul{ padding:0; margin:0;padding-left: 18px;}
#news_content ul li{font-size:16px; line-height:40px;}
#news_content ol{ padding:0; margin:0;padding-left: 18px;}
.news_logoimg{ padding:20px 0; width:100%;}
.news_picimg{ padding-bottom:px; width:100%;}
.news_vi ul { list-style: none;}
#index_nwes {display: none;}

.news_more a { background: #000;border-radius: 40px;width: 100px;height: 35px;display: block;text-align: center;text-decoration: none;color: #fff;font-weight: bold;font-size: 18px;box-shadow: 2px 2px 6px 0px #8d8ea7;padding-top: 5px;margin: 0 auto;}
.news_more {margin-top: 20px;}
.news_more a:hover {background: #145897;}



/*關於我們about_middle*/
#about_middle{margin:0 auto;font-family:"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ;float:right; width:80%;margin-bottom:80px; }
.abouttitle{font-size:28px;color:#135897; text-align:center; line-height:30px; padding-bottom:20px;}
.aboutinfo{font-size:20px;color:#1f1f1f; text-align:center;line-height:20px; padding-bottom:20px;}
.aboutphoto{ position:relative; padding:20px 0;}
.aboutingobg{color:#ffffff;background:rgba(32,32,32,0.7); position: absolute; z-index:5; width:35%; right:0;font-size:14px; height:462px; text-align:left; padding-top: 80px; box-sizing: border-box; padding-left: 24px; padding-right: 24px;line-height: 30px;    margin-top: -463px;}
.aboutphoto span{ display:block;}
.about_con{padding:20px 0;}
.about_con ul{ padding:0; margin:0; list-style:none;}
.about_con ul li{ float:left;    padding-left: 8px; }
.about_con ul li:first-child{padding-left: 0px;}
.about_con li:last-child{ display:none;}
.about_conimg{ float:right;}
.abouttext{ padding:25px 0; line-height:30px;}
.about_con02{padding:20px 0;}
.about_con02 ul{ padding:0; margin:0; list-style:none;}
.about_con02 ul li{ float:left; width:50%; box-sizing:border-box; padding-left:10px;}
.about_con02 ul li:first-child{padding-left: 0px;}
.group_txt {margin: 20px 0;padding-bottom: 20px;}
.group {float: left;width: 30%;font-size: 18px;}
.group_txt ul {float: left;width: 70%;list-style: none;border-left: 1px solid;margin-bottom: 20px;}
.
/* 經營方針 */
.polingobg{color:#ffffff;background:rgba(32,32,32,0.7); position: absolute; z-index:5; width:35%; right:0;font-size:14px; height:423px; text-align:left; padding-top: 80px; box-sizing: border-box; padding-left: 15px; padding-right: 15px;line-height: 30px;    margin-top: -423px;}
.polingobg ul p{ font-size:28px; padding:5px 0;}
.polingobg ul { list-style:none;}
.polingobg ul li{ font-size:15px;}
.alltitle{font-size:28px;color:#135897; text-align:center; line-height:30px; padding:30px 0;}
.policmg{ text-align:center; padding: 20px 0;}
.politext{ text-align:center; padding: 40px 0;}
.politext ul{ padding:0; margin:0; list-style:none;}
.politext ul li{ color:#1f1f1f; font-size:15px; padding:5px 0;}
.politext ul p{ font-size:18px; font-weight:bold; padding:5px 0;}
.polingobg02{color:#ffffff;background:rgba(32,32,32,0.7); position: absolute; z-index:5; width:100%; right:0;font-size:14px;  box-sizing: border-box; padding-left: 15px; padding-right: 15px;line-height: 30px; height:150px; margin-top:-150px;padding-top:60px;}
.poli_p{ font-size:30px; float:left; width:20%; text-align:center;}
.politext02 ul{width:80%; list-style:none; float:right; border-left:#000000 solid 1px; padding-left:40px; margin-left:40px; margin-top: -60px;}
.politext02 ul li{ font-size:15px;}
.politext02 ul li p{ font-size:20px;}

 /*經營團隊*/
.teamnav{ font-size:13px; border:1px solid #dddddd; box-sizing:border-box; padding:5px;width: 100%; min-height: 240px;}
.name01,.name02,.name03,.name04{width: 25%;list-style:none; float:left; padding: 0;margin: 0; padding:10px; }
.teamnav ul.name01 li{ padding:3px 0; border-right:1px solid #dddddd;min-height:30px;}
.teamnav ul.name02 li{ padding:3px 0; border-right:1px solid #dddddd;min-height:30px;}
.teamnav ul.name03 li{ padding:3px 0; border-right:1px solid #dddddd;min-height:30px;}
.teamnav ul.name04 li{ padding:3px 0; min-height:30px;}
.teamnav span { font-size:12px;}
.teamtext{ font-size:13px; text-align:center;color:#000000; padding:20px 0;}
.table.team { margin: 10px 0 25px; }
.table.team > thead > tr > th { border-bottom: 2px solid #fff !important; background: #eeeeee; }
.table.team td { vertical-align: middle; }

/*歷史沿革*/
.hisbg ul{ background:#0e0a03; padding:20px; list-style:none;color:#ffffff;margin: 0;line-height:30px; font-size:15px;}
.histab ul{ padding:0; margin:0; list-style:none;}
.histab ul li{ background-image:url(../image/news/new_lin.png); background-repeat:repeat-x; padding:20px; line-height:30px;background-position: left bottom;}
/*研究發展*/
.professphoto{ padding:50px 0;}
.proffmg{ float:left; width:60%;}
.proffmg img{ max-width:100%; width:100%;}
.professbg{ background-color:#555555; float:right; color:#ffffff;width:40%;    padding: 50px; font-size:15px; line-height:26px; min-height:260px;}
.professmg{ padding-top: 200px;}
.profftext02{ width:100%;background:#555555; color:#ffffff;padding: 26px; font-size:15px; line-height:26px; }
.profftext02 ul{ list-style:none;}
.profftext02 ul p{font-size:20px;}

/*生產製造*/
.prodphoto{ margin:40px 0;padding-bottom: 280px;}
.prodphoto02{ margin:40px 0;padding-bottom: 280px;}
.prodbg{background-color:#555555; float:right; color:#ffffff;width:40%;padding:25px; font-size:15px; line-height:26px; box-sizing:border-box; min-height:300px;}
.prodbg p{ font-size:20px; padding:0; margin:4px 0; box-sizing:border-box; font-weight:bold;}
.prodbg ul{ margin:0; padding:0; }
.produ01,.produ02,.produ03{ list-style:none;font-size:14px;}
 ul.produ03{box-sizing: border-box; padding:50px 0;}
.producmiddle ul{ padding:0; margin:0; list-style:none;}
.producmiddle ul li { font-size:15px; padding:10px 0; line-height:30px;}
.producmiddle ul li h5{ font-size:20px;color:#000000;font-weight:bold;}
.producmiddle ul li p{ font-size:15px;color:#000000; font-weight:bold;}
.produimg ul{ padding:0; margin:0; list-style:none; }
.produimg ul li{float:left; width:25%; box-sizing:border-box; padding:10px 4px;}
.pst{ font-size:15px;margin-top: 20px;}

/*品質認證*/
.quibg{background:#dddddd; float:left; width:50%;min-height:488px;}
.qui{ float:right; width:50%;min-height:488px;}
.qui01,.qui02{ list-style:none; margin:0; padding:60px 25px 20px 25px;}
.qui01 li{ line-height:20px;}
.qui01 p{ font-size:20px; text-align:center;}
.qui01 span{ display:block; font-size:18px;}
.qui02 li{ line-height:20px;font-size:15px;}
.quiimg ul{ padding:0; margin:0; list-style:none; }
.quiimg ul li{float:left; width:33.3%; box-sizing:border-box; padding:20px 4px;}

/*市場行銷*/
.marphoto{ padding:20px 0 80px 0;}
.markingtext{ line-height:30px; font-size:15px; text-align:center; border-top:1px solid #dddddd; padding-top:10px; margin-top:10px;}
.markingtext span{ display:block;}
.markingbg{background:#dddddd; float:left; width:40%;min-height:356px;}
.marking01{ list-style:none; margin:0; padding:60px 25px 20px 25px;}
.marking01 p{ font-size:20px;}
.marking01 li{ line-height:26px;font-size:15px;}
.markingtitle{font-size:28px;color:#135897; text-align:center; line-height:30px; padding:30px 0; margin-top:300px;}
.markingmap{ width:100%; max-width:100%;}


/*人力資源*/
.manaingobg{color:#ffffff;background:rgba(32,32,32,0.7); position: absolute; z-index:5; width:35%; right:0;font-size:14px; height:527px; text-align:left; padding-top: 60px; box-sizing: border-box; padding-left: 20px; padding-right: 20px;line-height: 25px;    margin-top: -527px;}
.mar_con02 ul{ list-style:none; margin:0; padding:0;}
.mar_con02 ul li{float: left; width: 50%;box-sizing: border-box; padding:10px 4px;}
.abouttext01{ float:left; line-height:30px; padding:20px 0 40px 0;}
.abouttext02{ float:right;line-height:30px;padding:20px 0 40px 0;}
.managetitle01{ font-size:18px; font-weight:bold; padding:30px 0 10px 0; margin:0; text-align:center;}
.managetext{line-height: 30px;  padding:2px 0;text-align:center;}
.managetitle02 { background: #f3f3f3; color: #135897; font-size: 18px; padding: 20px 0 10px 0; text-align: center; border-bottom: 1px solid #135897;}
.managetext02 { padding: 10px 20px 16px; background: #f3f3f3; }

/*環保支出資訊*/
.envircmg{ text-align:center; padding: 0 0 10px 0;}
.envirtext{ line-height:30px;}
.envirobg ul p{ font-size:28px; padding:5px 0;}
.envirobg ul { list-style:none;}
.envirobg ul li{ font-size:15px;}

/*未來展望*/
.fubg{color:#ffffff;background:rgba(32,32,32,0.7); position: absolute; z-index:5; width:35%; right:0;font-size:14px; height:527px; text-align:left; padding-top:150px; box-sizing: border-box; padding-left: 20px; padding-right: 20px;line-height: 25px;margin-top: -527px;}

/*公司位置*/
.addbg{background-color:#eeeeee; float:right; color:#000000;width:40%;   font-size:15px; line-height:26px; box-sizing:border-box; min-height:294px;}
ul.addb01 { margin:0; padding:0; list-style:none; padding:40px 20px;}
.addb01 li{ line-height:30px;}
.addb01 p{ font-weight:bold;}
.addtext a{ border:1px solid #000000; padding:2px 10px; width:30%; text-align:center; text-decoration:none; color:#000000;}

/*影音專區*/
#video_middle{ width:100%; padding:100px 0 0px 50px;}
#video_middle ul{ list-style:none; margin:0; padding:0;}
#video_middle ul li{ width:30%; float:left; margin-left:30px;border:1px #ffffff solid;padding:10px;}
#video_middle ul li:nth-child(3n+1){clear: both;}
#video_middle a{text-decoration:none; color:#ffffff;}
#video_middle a:hover{text-decoration:none; color:none;}
#video_middle a p{ color:#000000; font-size:15px; padding:5px 0; }

/*代理商資訊區*/
#globalmap{ width:100%;}
.agent-info{ padding-left: 50px;margin-bottom: 30px;}
.agent-item {
    float: left;
    width: 50%;
	font-size: 15px;
    padding-right: 60px;
    margin-bottom: 20px;
}
.agent-item:nth-child(2n+1) { clear: both;}
.agent-item h3 {
    font-weight: bold;
    color: #337ab7;
}
.agent-item h4 {
	float: none;
    padding-bottom: 13px;
    border-bottom: 1px solid #000;
}
.agent-item ul {
    list-style: none;
    padding: 0;
    line-height: 1.6;
}
.agent-item ul li {
    margin-bottom: 7px;
}
.agent-item i {
    padding-right: 6px;
}
/*聯絡我們*/
#contact_middle{ width:100%; padding:100px 20px; font-size:15px;}
#contact_middle h2{font-family: Russo One, "微軟正黑體", "Microsoft JhengHei"; color: #333333;font-size: 38px;font-weight: normal;}
#contact_middle i{    color: #e60010; display: inline-block; font-size:14px; width: 30px;}
#contact_middle span{font-size:14px; color:#000000;font-weight:normal; }
.conbg{ padding:20px 0; border-top:1xp #000000 solid;}
#contact_middle .form-control {border-radius:0px;}
.contac{ padding:10px 0;}
#contact_middle .btn{background:#000000;color:#ffffff;}
#contact_middle .btn:hover{background:#135897;color:#ffffff;}
hr{ color:#000000;}
.botton{ padding:40px 0; text-align:center;}
.botton input{ margin:0 20px; padding:10px 20px;}

/* 法人說明會 */
#seminar-table{font-size: 15px;}

/*投資人專區stockholder_middle*/
#stockholder_middle{margin:0 auto;font-family:"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ;float:right; width:80%;margin-bottom:80px; }
#pro-table02{ width:100%;font-size: 15px;}
#pro-table02 .table th{ border-bottom:1px rgba(224,5,9,1.00) solid;color:#135897; font-size:15px; font-weight:normal; padding-left:30px;}
#pro-table02 .table td{  padding-left:30px;}
.table > thead > tr > th { vertical-align: bottom;border-bottom: 2px solid red !important;}
.table > tbody > tr > th { text-align: center;
    font-weight: bold;
    background: #f3f3f3;
    line-height: 0.8em;}
.table.service-line{font-size: 15px;}
.table.service-line > thead > tr > th { text-align: center; }
.table.service-line > tbody > tr > th { vertical-align: middle; }
.table.service-line > tbody > tr > th { padding:20px 15px; line-height: 1.5em; }
.financial-table { width: 100%; min-width: 660px; border-color: #ccc; }
.financial-table th, .financial-table td { padding: 10px 5px; text-align: center; }
.financial-table .financial-th th { background-color: #e0eaf3; }
.financial-table th { background-color: #f3f3f3; }
.financial-table img { max-width: 40px; }
#pro-table03 .table > tbody > tr > td:first-child { width: 12% !important; }

#stockholder_middle02{margin:0 auto;font-family:"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ;float:right; width:100%;margin-bottom:80px; vertical-align:central;}
#pro-table03{ width:100%;}
#pro-table03 .table th{ background:#eeeeee; color:#135897; font-size:15px; font-weight:normal; padding-left:0px; text-align:left;padding-left:10px; box-sizing:border-box;border-bottom:none!important;}
#pro-table03 .table td{  padding-left:10px;text-align:left;box-sizing:border-box; width: auto;}
#pro-table03 .table tr{ padding:10px 0;}

#mops_api1-1 table tr.tblHead td:nth-child(n+3) {display: none;}
#mops_api1-1 table td:nth-child(n+3) {display: none;}

#stockholder_middle #pro-table02 span {font-size: 18px;}
#stockholder_middle #pro-table02 span a{text-decoration: underline;}

#stockholder_middle .report-title h3 {
	padding-bottom: 20px;
}

.report_more a {
    background: #337ab7;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 2px 2px 6px 0px #8d8ea7;
    padding: 8px 20px;
    transition: ease 0.2s;
}
.report_more {
	margin-top: 20px;
	margin-bottom: 10px;
}
.report_more a:hover {
	background: #145897;
}

#seminar-table .table tr td {
    text-align: center;
}

#seminar-table table th {
    background: #eeeeee;
    padding: 10px;
    border-bottom: 0px solid !important;
    color:#135897;
    width: calc(100%/4);
    text-align: center;
}

/* 審核委員會 */

.audit-table { width: 100%; min-width: 660px; border-color: #ccc; }
.audit-table th, .audit-table td { padding: 10px 5px; }
.audit-table .financial-th th { background-color: #e0eaf3; }
.audit-table th { background-color: #f3f3f3; text-align: center; }

/*產品搜尋*/
#serch_middle{ width:100%; margin:0 auto;font-family:"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia, sans-serif ; margin-bottom:400px; padding-top:100px;}
#serch_middle select{ font-size: 15px;width:100%; padding:5px 0; }
.sertext{ font-size: 15px; padding:10px 30px 10px 0; line-height:25px; text-align:center;}
.serch_page{ padding:8px 0;}
#stockholder_middle02 .news_re{ float:right; width:30px; vertical-align:middle; opacity:1; vertical-align:central;}
#stockholder_middle02.news_re:hover{ float:right; width:30px; vertical-align:middle; opacity:0.5;vertical-align:central;}

.ul-space li+li{margin-top: 7px;}


@media(max-width:1201px){
	.smo {margin-right: 50px;}
}


@media(max-width:1199px){
	.wrap{width:100%; padding:0 15px;}
	.smo {margin-right: 50px;}
	.proimg { width: 40%;}
	.aboutphoto{ position:static;}
	.aboutingobg{position:static;width:100%; height:auto;margin-top: 0;padding: 20px 15px;}
	.about_con ul li{padding-left: 3px;width:49%; padding:20px 0; text-align:center; }
	.about_con li:last-child{ display:block;}
    .about_conimg{ display:none;}
	.about_con ul li img{ max-width:100%;}
	.polingobg{ position:static;width:100%; height:auto;margin-top: 0;padding: 20px 15px;text-align: center;}
	.polingobg02{ position:static;width:100%; height:auto;margin-top: 0;padding: 40px 15px;}
	.poli_p{ float:none; width:100%; text-align:center; padding:20px 0;}
	.politext02 ul{width:100%;float:none; border-top:#ffffff solid 1px; border-left:none; padding-left:0; margin-left:0; margin-top: 0; padding-top:30px; text-align:center;}
	.teamnav{border:none;}
	.name01,.name02,.name03,.name04{width: 50%;  border:1px solid #dddddd; min-height:200px;}
	.teamnav ul.name01 li{border-right:none;}
    .teamnav ul.name02 li{border-right:none;}
    .teamnav ul.name03 li{border-right:none;}
	.proffmg{ float:none; width:100%;line-height:26px;}
	.professbg{float:none; color:#ffffff;width:100%; padding: 50px; font-size:15px; line-height:26px; min-height:0;}
    .professmg { padding-top: 0;}
	.prodbg{float:none; color:#ffffff;width:100%; min-height:0px;}
	.prodphoto { padding-bottom: 20px;}
	.prodphoto02{ padding-bottom: 10px;}
	.quibg{float:none; width:100%;min-height:0px; text-align:center; background:none; }
	.qui01,.qui02{padding:20px 25px 20px 25px;}
    .qui{ float:none;width:100%;min-height:0px;text-align:center;}
	.qui01 li{ line-height:30px;}
	.qui02 li{ line-height:30px;}
	.markingbg{float:none; width:100%;min-height:0px;}
	.marking01{ list-style:none; margin:0; padding:30px 25px 20px 25px;}
	.markingtitle{font-size:28px;color:#135897; text-align:center; line-height:30px; padding:30px 0; margin-top:30px;}
	.marphoto{ padding:20px 0 10px 0;}
	.manaingobg{position:static;width:100%; height:auto;margin-top: 0;padding: 20px 15px;}
	.fubg{position:static;width:100%; height:auto;margin-top: 0;padding: 20px 15px;}
	.addbg{ float:none;width:100%;padding:5px; min-height:0px;}
	ul.addb01 {padding:20px 10px; text-align:center;}
	.addtext{width:100%;}
   .addtext a{width:100%;}
   .footer-pro02 ul li a { font-size: 12px;}
	 #footer{ width:100%;}
	 .footer-about ul li { padding: 2px 10px 2px 10px;}
	 .footer-pro ul li {padding: 2px 30px 2px 10px;}
	 .footer-pro01 ul li {padding: 2px 60px 2px 10px;}
	 .footer-pro02 ul li {padding: 2px 80px 2px 10px;}
	 .footer-pro03 ul li {padding: 2px 60px 2px 10px;}
	 .footer-technical ul li { padding: 2px 10px 2px 10px;}
	 .footer-investors ul li {padding: 2px 10px 2px 10px;}
	 .footertext{ font-size:13px;}
	 .footertext03 {font-size: 13px;padding-left: 5px;}
	 #video_middle ul li{min-height: 280px;}


}


@media(max-width:1080px){
	 #middle .pro{width:180px;}

	 .resp-tabs-container:after {left:5%;}

}

@media(max-width:1023px){
	.inqery1 ul li{padding-left: 5px; padding-right: 5px; margin-left:20px;}
	.inqery1 ul li a{ padding-left: 5px; padding-right: 5px; margin-left:20px;}
	.inqery1 ul li:hover{ padding-left: 5px; padding-right: 5px; margin-left:20px;}
	.inqery1 ul li a:hover{padding-left: 5px; padding-right: 5px; margin-left:20px;}
	#video_middle ul li{ width:40%; float:left; margin-left:30px;border:1px #ffffff solid;padding:10px; text-align:center;}
	#video_middle ul li:nth-child(3n+1){clear: none;}
	#video_middle ul li:nth-child(2n+1){clear: both;}
	.abouttext01{  line-height:30px; padding:20px 0 40px 0;}

	.abouttext02{ line-height:30px;padding:20px 0 40px 0;}
	.abouttext02 span { display:block; line-height:20px;}
}


@media(max-width:991px){
	.wrap{width:100%;}
	#footer{ display:none;}
	#menu-phone {display: block;}
	#top-nav{ display:none;}
	#bottom-nav{ display:none;}
	#bottom-nav .nav2 .n15{ display:block;}
	#sb-btn1{ float:right;width:25%;}
	#sb-btn2{ float:right;width:25%;}
	#sidemenu{ display:none;}
	#sidemenu02{ display:none;}
	.phone-logo{padding:20px 0 20px 20px;width:100%; float:left;width: 50%;}
	#banner img{max-width:100%;}
	.sb-open-right{ padding:50px 0 20px 20px;font-size:25px; color:#145897;}
	.n12{ display:none;}
	.n13{ display:none;}
	.n14{ display:none;}
	#middle {float:none;width: 100%; padding-top: 100px;}
	#news_middle{float:none;width: 100%; padding: 50px 0;}
	#stockholder_middle{float:none;width: 100%; padding: 50px 0;}
	#stockholder_middle02{float:none;width: 100%; padding: 50px 0;}
	#middle .pro {margin-left: 25px;}
	#footer-info{ margin:0 auto; text-align:center; padding: 40px 0 20px 0; border-top: 1px solid #dddddd;}
	#footer-info .companyname{ float:none;padding: 5px 0;}
	.footerlogo{float:none;}
	.copyright{float:none;padding: 8px 0;}
	.smo{ float:none; padding:2px 0 40px 0; margin:0 auto; margin-left:220px; }
	.smo ul li a{ font-size:20px;}
	.smo ul li img { width: 50px;}
	#banner{ display:none;}
	#banner02{ display:block; width:100%;}
	.goto_top  a{width:40px; height:40px; font-size:20px; padding-top:5px; position:fixed;}
	.resp-tabs-container:after { display:none;}
	 #proshow_sp { padding-left:0; margin-left:0;  padding: 30px 0;}
	 #pro-back {  float:none;margin: 0 auto;}
	 #news_content{ float:none;width: 100%; padding-top: 80px; }
	 #about_middle{ float:none;width: 100%; padding-top: 80px; }
	 .produimg ul li{ width:50%; text-align:center;}
	 #contact_middle h2{font-size: 28px;}
	 .n16 { display:none;}
	 .sertext{text-align:left;}
	 #serch_middle{  margin-bottom:0px;}
	  #stockholder_middle { float: none;  width: 100%;}




}

@media(max-width:751px){
       #sb-btn2 { width: 20%;}
	   #sb-btn1 { width:20%;}
	   .sb-open-right { padding: 51px 0 20px 10px; font-size: 20px;}
	   .infotitle {font-size: 22px;}
	   .proinfo {padding-top: 0px;}
	   .infotitle{font-size: 20px;}
	   .inqery1 ul {margin: 20px 0;}
	   .quiimg ul li{float:none; width:100%;text-align:center;}
	   #video_middle ul li{ width:45%; float:left;padding:5px; text-align:center; border:0;}
       #video_middle{ width:100%; padding:100px 0 300px 0px;}
	   #stockholder_middle { float: none;  width: 100%;}


}
@media(max-width:668px){
	   #middle .pro {margin-left: 0px;}
	   .smo{ margin-left:160px; }
	   #sb-btn2 { width: 20%;}
	   #sb-btn1 { width:20%;}
	   .phone-logo { width: 40%;}
	   .inqery1 ul{ float:none; margin:0; padding:0;    padding: 20px 0;}
       .inqery1 ul li{font-size: 15px;margin-left: 15px; display:inline-block;}
       .inqery1 ul li a{ font-size: 15px;margin-left: 15px; display:inline-block;}
       .inqery1 ul li:hover{ font-size: 15px;margin-left: 15px; display:inline-block;}
       .inqery1 ul li a:hover{font-size: 15px;margin-left: 15px; display:inline-block;}
	   .proinfo{ float:none;    margin: 0 auto; width:90%;}
	   .proimg{ float:none;    margin: 0 auto;width:50%; }
	   .breadcrumb{ float:left;}
	   #pro-back {  padding: 10px 0 40px 0;}
	   .about_con ul li{padding-left: 3px;width:100%; max-width: 100%;padding:20px 0; text-align:center; }
	   .about_con ul li img{ max-width:100%;}
	   .about_con02 ul li{ float:none; width:100%; box-sizing:border-box; padding-top:10px;}
	   .about_con02 ul li:first-child{padding-left:10px;}
	   .aboutinfo {font-size: 18px;padding-bottom: 10px;}
	   .abouttitle {font-size:26px;}
	   .polingobg ul p,.envirobg ul p{font-size:26px;}
	   .alltitle{font-size:26px;}
	   .poli_p { font-size:26px;}
	   .name01,.name02,.name03,.name04{width:50%;  border:1px solid #dddddd; min-height:295px; text-align:center; }
	   .mar_con02 ul li{float:none; width:100%;padding:20px 0px; text-align:center;}
	    #video_middle ul li{ width:100%; float:none;}
	   #video_middle {padding: 100px 0 50px 0px;}
	   #video_middle ul li{ margin-left:0;}
	   h3{ font-size:20px;}
	   .abouttext01{  float:none;}
	   .abouttext02{ float:none;line-height:30px;padding:20px 0 40px 0;}
	   .abouttext02 span { display:block; line-height:20px;}
	   .news_title {font-size: 22px;}


}
@media(max-width:600px){
	.group_txt ul {
    float: none;
    width: 100%;
    list-style: none;
    border-top: 1px solid #135897;
    padding: 10px 0;
    border-left: 0;
}


.group {
    float: none;
    width: 100%;
    font-size: 18px;
}

.group_txt {
    margin: 20px 0;
    padding-bottom: 0;
}




}
@media(max-width:569px){
	#middle {padding-top: 80px;}
    #middle .pro {width: 220px;}
	.smo { margin-left: 110px;}
	#sb-btn2 { font-size:18px;width: 25%;}
    #sb-btn1 {font-size:18px;width: 25%;}




}
@media(max-width:500px){
	#middle .pro { width: 180px;}
    .sb-open-right {font-size: 20px;}
	.smo { margin-left: 80px;}
	.proimg{ width:60%; }
	#pro-table { width: 95%;}
	.feature-img { width: 95%;}
	.feature-info { padding-left: 0px;}
	#pro-table p {padding-left:0;}
	.all_news{font-size:14px;line-height:16px; float:none;}
	#news_middle .news_re{ display:none;}
	#news_middle .news_re:hover{ display:none;}
	/* .tdimg{ display:none;} */
	.tdimg:hover{ display:none;}
	.agent-info {padding-left: 0px;}
	.agent-item {
		width: 100%;
		padding-right: 0px;
	}



}

@media(max-width:415px){
	#middle .pro { width: 90%; margin:0 auto; margin-left:20px;}
    .sb-open-right {font-size: 20px;}
	.smo { margin-left: 0px; width:100%;margin-left: 5%;}
	#sb-btn2 { width: 25%; font-size:16px;}
	#sb-btn1 { width: 25%;font-size:16px;}
	.sb-open-right {font-size: 18px;    padding: 30px 2px 20px 0px;}
	.phone-logo { padding: 20px 0 20px 0px;}
	.infotitle {font-size: 18px;}
	#pro-table { width: 100%;}
	.feature-img { width:100%;}
	.produimg ul li{ width:100%; text-align:center; float:none;}

}

@media(max-width:376px){

	.sb-open-right { font-size: 16px;}
	.breadcrumb {font-size: 12px;}
	.inqery1 ul{ width:90%;}
	.inqery1 ul li{padding: 10px 0; margin-left:20px; padding-left:10px;}
    .inqery1 ul li a{padding: 10px 0; margin-left:20px; padding-left:10px;}
    .inqery1 ul li:hover{ padding: 10px 0; margin-left:20px; padding-left:10px;}
    .inqery1 ul li a:hover{padding: 10px 0; margin-left:20px; padding-left:10px;}
	.infotitle { padding-left: 10px;}
	#sb-btn2 { width: 8%; font-size:14px; margin-right:40px;}
	#sb-btn1 { width: 8%;font-size:14px;}
	#middle ul{ padding-left: 25px; padding:20px 0; }




}
@media(max-width:360px){

	#middle .pro { margin-left: 0px;}
	.smo { margin-left: -10px; padding: 2px 0 50px 0px; }
	.breadcrumb {font-size: 11px;}
	#middle ul li { float: none;}
	.inqery1 ul{ width:100%;}
	.inqery1 ul li{padding: 4px 0; margin-left:10px; padding-left:5px;}
    .inqery1 ul li a{padding: 4px 0; margin-left:10px; padding-left:5px;}
    .inqery1 ul li:hover{ padding: 4px 0; margin-left:10px; padding-left:5px;}
    .inqery1 ul li a:hover{padding: 4px 0; margin-left:10px; padding-left:5px;}

}



/* cheng wei 20171108 modify*/
.tab-margin {
	margin-left: 50px;
}
@media(max-width:767px){
	.tab-margin {margin-left: 0px;}
    }
.white-popup-block {
	background: #FFF;
	text-align: left;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.mfp-close-btn-in .mfp-close {
    color: #ccc;
		top: -40px;
}































/* 20250114 */
#header {
	-webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.breadcrumb {
	margin-top: 8px;
}

#banner,
#banner02 {
	display: none;
}

#top-nav,
#bottom-nav {
	border: 0;
}

#top-nav ul.nav>li>a {
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-text-decoration: underline solid 2px transparent !important;
	text-decoration: underline solid 2px transparent !important;
	text-underline-offset: 4px;
}

#top-nav ul.nav>li>a:hover,
#top-nav ul.nav>li>a:focus,
#top-nav ul.nav>li>a:active,
#top-nav ul.nav>li>a:active:focus {
	text-decoration-color: #145897 !important;
}

#top-nav ul.nav>li.active>a {
	-webkit-text-decoration: underline solid 2px #145897 !important;
	text-decoration: underline solid 2px #145897 !important;
}

#bottom-nav ul.nav2>li>a {
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-text-decoration: underline solid 2px transparent !important;
	text-decoration: underline solid 2px transparent !important;
	text-underline-offset: 4px;
}

#bottom-nav ul.nav2>li>a:hover,
#bottom-nav ul.nav2>li>a:focus,
#bottom-nav ul.nav2>li>a:active,
#bottom-nav ul.nav2>li>a:active:focus {
	text-decoration-color: #145897 !important;
}

#bottom-nav ul.nav2>li.active>a {
	-webkit-text-decoration: underline solid 2px #145897 !important;
	text-decoration: underline solid 2px #145897 !important;
}

#bottom-nav .nav2>li:nth-last-child(2) a {
	padding-right: 0;
}

/* banner 開關 */
a[href="http://wowslider.com"] {
	display: none !important;
}

#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images>div>img {
	display: inline;
}

.mobile-img {
	display: none;
}

@media (max-width: 768px) {
	.desktop-img {
		display: none;
	}

	.mobile-img {
		display: inline;
	}
}

/*  20250207  */
#footer>.wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#footer .footer-pro>ul {
	display: grid;
	grid-template-rows: repeat(7, auto);
	grid-auto-flow: column;
}

.footer-about-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
}

#slidebar-2>ul>li>ul>li>a {
	padding-left: 30px !important;
}

#slidebar-2>ul>li>ul>li>ul {
	padding-left: 45px !important;
}

#slidebar-2 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.esg {
	padding: 30px 20px;
}
.esg i {
	font-size: 24px;
	color: #f00;
	margin-left: 1rem;
}