@charset "utf-8";
/* CSS Document */
*{font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Century Gothic, Helvetica, Arial, Verdana, 新細明體; margin: 0px; padding: 0px;}
body{ background:#FFF;font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Century Gothic, Helvetica, Arial, Verdana, 新細明體;}
.bg_white{background:#FFF}
.bbn_line{ border-bottom:#F3F3F3 solid 1px; margin-bottom:20px;}
.clear{ clear:both;}
html, body { height: 100%;}
.nevin_hidden, .hidden, .myhidden{ display:none;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';content: none;
}
table {border-collapse: collapse;border-spacing: 0;}


a{color:#666;}
a:hover{color:#333;}
a.visited{ text-decoration:none;}

main {
  min-height: 100%;
  margin-bottom: -100px;
  padding-bottom: 0px;
}
main:after {content: "";display: block;}
.footer, main:after {
  height: 100px;
}
.main_bg{background: url("../images/v-line.png") top left repeat-x;}

.header_fixed{position:fixed; top:0px; left:0px;}
.master-slider_fixed{padding-top: 70px;}
.wsmainfull_fixed{box-shadow: 0 1px 4px rgba(0,0,0,.5);	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);background-color: rgba(0,0,0,.8);}
.wrappera{padding: 40px 0px 40px 0px; width:100%; overflow: hidden;}

.footer{background:#f2f2f2; padding: 15px 0px;}

.foot-logo{float:left; width:150px; height:auto;padding: 10px;}

.ficn{ float: left; margin-left: 20px;}
.ficn ul{ list-style-type:none; padding: 0px; margin: 0px;}
.ficn ul li{ display:inline-block; padding:10px;}
.ficn ul li i{ color:#333; font-size:30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.ficn ul li.ffb:hover i{ color:#3b5998}
.ficn ul li.fig:hover i{ color:#D00067}

.foot-info{float:right;text-align: right; color:#333;}
.copyright{font-size:14px; color:#333; font-weight: 600;}
.copyright span{font-size:12px; color:#999; font-weight: normal}

.foot-info ul.cinfo{ list-style-type:none; text-align:right; font-size:14px; padding:0px; margin: 0px;}
.foot-info ul.cinfo li{ padding:0px;}
.foot-info ul.cinfo li.cina{display:inline-block;}
.foot-info ul.cinfo .cina + .cina{ margin-left:15px;}
.foot-info ul.cinfo li.cinb{display:block}

.foot-info ul.cinfo li i{color:#131BA6; padding-right: 5px;}
.foot-info ul.cinfo li a{ color:#FFF; text-decoration:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.foot-info ul.cinfo li a:hover{ color:#FFCB05}
.foot-info a{color:#333 !important;}

/*TOP*/
.headerwp {max-width: 1140px;margin: 0 auto;padding: 0px;}
.posrlt {position: relative;}
.headtoppart {display: block;width: 100%;background-color: #000;height: 30px;margin: 0px auto;padding: 0px 0px;min-width: 320px;}
.headertopleft {width: 50%;float: left;}
.headertopright {width: 50%;float: right;text-align: right;}
.headertopright a {line-height: 26px;color: #999999;font-size: 20px;padding: 0px 14px 0px 8px;float: right;height:30px;}
.headertopright a:hover {
   background-color: #272B37;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
.headertopright a.facebookicon:hover {background-color: #3b5998;color: #fff;}
.headertopright a.instagramicon:hover {background-color: #D00067;color: #fff;}
.mobiletext02 {display: none;}
 
 /*myindex*/
.myindex ul{ list-style-type:none; padding-bottom:10px;}
.myindex ul li { padding:5px 4px 5px 0px; display:inline-block;font-size:12px;}
.myindex ul li a{ color:#333; font-size:12px;}
.myindex ul li a:hover{ text-decoration:none; color: #000}
.myindex i{ padding-right:5px; font-size:14px;}
 /*toTop*/
.neffect1{-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.scrollToTop{
	width:40px; 
	height:40px;
	line-height:30px;
	text-align:center; 
	background-color:rgba(255, 255, 255, 0.8);
	border:#4B4438 solid 4px;
	border-radius:40px;
	font-weight: bold;
	color: #4B4438;
	text-decoration: none;
	position:fixed;
	bottom:80px;
	right:20px;
	display:none;
	z-index:1000;
	transition-property: background, color, border;
	transition-duration: 0.5s;
	transition-timing-function: linear;
}
.scrollToTop:hover{
	text-decoration:none;
	background:#4B4438;
	color:#FFF;
	border:#FFF solid 4px;
}

/*左選單,右內容*/
.cLbox, .cbLbox{ width:150px; float:left;}
.cRbox{ margin-left: 175px; font-size:15px; line-height:25px; overflow: hidden; padding-left:5px;}
.cRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#E1E1E1 solid 1px;}

.cLbox ul{ list-style-type:none;}
.cLbox ul li{ padding:7px 0px 7px 0px;}
.cLbox ul li a{ color:#626A70; text-decoration:none; font-size:15px;}
.cLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}

/*產品*/
.cLpdbox{ width:200px; float:left;}
.cLpdbox h1{height:40px; background:#000000; color:#FFF; font-size:20px; line-height:38px; font-weight:600; padding-left:40px;}
.cRpdbox{ margin-left: 225px; font-size:15px; line-height:25px;overflow: hidden; padding-left:5px;}
.cRpdbox h1{ font-size:24px; padding:2px 0px 7px 0px; line-height:30px; margin-bottom:5px; font-weight:600; font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Arial, Times New Roman,Century Gothic, Helvetica, Verdana, 新細明體; font-weight:bold;color:#000000; border-bottom:#000 solid 1px;}
.cRpdbox h2{font-size:14px; color:#666; font-style: italic}
.cRpdbox .pdsubtitle{ background:#F3F3F3; font-size:20px; font-weight:800; margin:25px 0px 15px 0px; height:45px; line-height:45px; padding-left:10px;}

.nodata{ text-align:center; padding-top:30px;}

/*leftPdMenu*/
.subNavBox{width:200px; position:relative}

.subNav{border-bottom:solid 1px #D0D0D1;}
.subNav a{display:block;font-weight:bold;font-size:14px;color:#666;font-weight:600;line-height:20px;padding:9px 25px 9px 5px; height:auto; position:relative;-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; min-height:34px;}
.subNav a:hover{color:#000; background-color:#F6F6F6}
.subNav i, .subNav:hover i{ color:#6F8F2C}
.subNav i{transform: rotate(90deg); font-size:16px;}
.subNav .fa{ position:absolute; top:10px;right:5px;}
.subNav a.selected{color:#006DD9 !important; font-weight: 600;}

.currentDd{color:#000}
.currentDd i.fa-plus:before {content: "\f068"}

.currentDt{}

ul.navContent{ margin:0px; padding:10px 0px 10px 0px; width:200px; position:relative; overflow:hidden}
.navContent{display: block;border-bottom:solid 1px #e5e3da;}

.navContent  li{ list-style-type:none; position:relative;}
.navContent  li .fa{ position:absolute; top:7px;left:7px;}
.navContent  li .lselected{ color:#6F8F2C}
.navContent  li a{display:block;text-align:left;font-size:14px;line-height:25px;color:#333; text-decoration:none; padding:2px 5px 2px 22px;-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.navContent li a:hover{color:#F60;background-color:#F6F6F6}

.pdphoto{ float:left; width:40.246%;}
.pdphoto img{width:100%; height:auto;}
.pdinfo{float:right; width:54%; padding-right: 15px;}
.pdinfo h1{ font-size:20px; font-weight:800; font-style:normal; border:none;}

.gtitle{padding:3px 10px 3px 0px; position: relative; color:#006DD9; font-size:16px;}
.gtitle::before{content: attr(data-title);color:#666; display: inline-block; font-size:13px; padding-right: 10px;}
.gtitle a{display:inline-block; padding-left: 10px;color:#D93600; font-weight: 600; text-decoration: none;-webkit-transition:0.5s all;	-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.gtitle a:hover{color:#FF2626; letter-spacing: 1px;}
.pdmemo{padding: 20px 0px 10px 0px; font-size:14px; line-height: 25px;}
.pdmemo h3{font-size:15px; font-weight: 600; margin-bottom: 10px;}

.backbtn{
	height: 36px;
	overflow: hidden;
	margin: 0px 0 0 0px;
	padding: 0 20px;
	outline: none;
	border: 0;
	text-decoration: none;
	color:#000;
	border: #000 solid 2px;
	cursor: pointer;
	background:#FFF;
	border-radius:25px;
	line-height:20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.backbtn:hover{background:#000; color:#FFFFFF}
.backbtn:focus,
.backbtn:active:focus,
.backbtn.active:focus,
.backbtn.focus,
.backbtn:active.focus,
.backbtn.active.focus {
    outline: none;          
}

/*news*/
.d_news_list{padding:30px 0px 30px 0px; position:relative; overflow:hidden;}
.d_news_list ul{ max-width:1000px; margin:0px auto; padding:0px;}
.d_news_list li{ list-style-type:none; width:100%px; border-bottom:#CCC dotted 1px; display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
.d_news_list li.titleli{padding:15px 0px 15px 10px;}

.d_news_list span.content{ color:#20202F; display:inline-table; font-size:16px; font-weight:500;line-height:20px;transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.d_news_list span.content.ntype{ width:15%; font-weight:normal;}
.d_news_list span.content.ntype span{ display:inline-block; width:55px; text-align:center; height:25px; line-height:25px; color:#FFF; font-weight:600;}
.d_news_list span.content.date{ width:25%; color:#9797A6; font-weight:normal; font-size:14px;}
.d_news_list span.content.subject{width:75%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle}

.d_news_list li.titleli:hover{ cursor:pointer; color:#006DD9;}
.d_news_list li:hover span.content.subject, .d_news_list li:hover span.content.date{color:#006DD9;}
.d_news_list li:hover{background:#f2f2f2}

.mynewsdetail .ndate{ color:#999; font-size:13px; font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;letter-spacing:1px;}
.mynewsdetail .dot{ font-size:60px; text-align:left; color:#CCC; width:60px; margin:0px auto 30px auto;}
.mynewsdetail h1{ background:#F7F7F7; padding:20px; line-height:35px;}


.mymasterslider{background:#000;}
.mytitle{font-size:30px; font-weight: 600; text-align: center; color:#008C8C; padding-bottom: 20px;}
.mycontent{color:#666;}
.c_c1{color:#FF8000}
.myserv{padding: 15px;}
.myserv p{display:inline-block; width: 200px;}

#thistable{box-sizing: border-box;   -moz-box-sizing: border-box;   -webkit-box-sizing: border-box; margin-bottom: 10px; font-size:14px;}
#thistable th{ background:#000; color:#FC0; text-align:center;border:#333 solid 1px; padding: 3px;}
#thistable td{border:#333 solid 1px; padding: 3px;}
.wdcolorred{color:#C00;}


@media only screen and (max-width: 942px) {
     .mymasterslider{padding-top: 24px;}
    .master-slider_fixed{padding-top: 24px;}
    .main_bg{background:none;}
 }

 @media only screen and (max-width: 900px) {
     .cLpdbox{ display:none;}
	.cRpdbox{ margin-left:0px;}
 }
 
 
 @media only screen and (max-width: 768px) {
    .d_news_list ul{ max-width:95%;}
	.d_news_list{padding:0px 0px 50px 0px; }
 }
 @media only screen and (max-width: 720px) {
    .foot-logo{float:none; display:block; text-align: center; margin: 0px auto;}
    .ficn{float:none; display:block; text-align: center;margin: 0px !important; padding: 0px;}
    .foot-info{float:none; display:block; text-align: center;}
    .foot-info ul.cinfo li.cina, .foot-info ul.cinfo li.cinb{display:block; text-align:center;}
    .foot-info ul.cinfo .cina + .cina{ margin-left:0px;}
    main {margin-bottom: -210px;}
    .footer, main:after {height: 210px;}
    .mymasterslider{padding-top: 24px;}
    .master-slider_fixed{padding-top: 24px;}
}

 @media only screen and (max-width: 720px) {
    .cLbox, .cbLbox{ display:none;}
	.cRbox{ margin-left: 0px; font-size:15px; line-height:25px;}
}
 @media only screen and (max-width: 600px) {
    .pdphoto,.pdinfo{float:none; width:100%;}
	.pdinfo{ margin-top:60px; padding: 20px 0px; border-top: #EEEEEE solid 1px;}
}
@media only screen and (max-width: 480px) {
	.d_news_list span.content.ntype{ width:80px;}
	.d_news_list span.content.date{ width:100px;}
	.d_news_list span.content.subject{width:100%; margin-top:10px;}
}