@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); /*思源黑*/

/*版型=========================================================*/

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /*解除寬度與padding的關係*/
}

	.container {
		width: 100%;
		max-width: 1680px;
		margin: 0 auto;
	}
	.contain_right {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}

	.container .ling-right {
		min-height: 70vh;
	}

	.h-right {
		/* padding-left: 4%; */
	}
	
	article.ling-right{
		width: 100%;
		padding: 0 15px;
	}
  @media (max-width: 992px) {
	.container {
	  width: 100%;
	}
  }
  

html { 
	margin:0 auto; 
	background:#ddd;
 }



body { 
	-moz-user-select : none;
	-webkit-user-select: none;
	font-family: 'Noto Sans TC', sans-serif; 
	font-size: 100%; 
	font-size: 18px; 
	line-height: 180%; 
	color: #000;
	background:#fff url(../images/top_dod.jpg) left top no-repeat;
	background-size: 100% 113px;
	height:100%;
}

@media (max-width:992px){
	body { 
		font-size:18px; 
		line-height:180%;
		background:#fff;
	}
}

.main_d { 
	background: url(../images/main_d_.jpg) 100% center no-repeat;
	background-size: cover;
	max-height: 510px;
	text-align: center;
	background-position: center;
}
.main_d > img {
	width: 570px;
	padding: 50px 15px 30px 15px;
}

.sha > div > a > img,
.thumbnail img{
	width: 100%;
}


/*內頁-勿設高度, 因為與頁尾有關係*/
footer {	
	position: relative;
	background: #D8EEF9;
	min-height:140px; 
	padding: 1.5em 1em; 
	margin:0; 
	color: #000;
    font-family: 'Noto Sans TC', sans-serif;
}

footer address {
	margin-bottom: 0;
    padding-left: 250px;
    position: relative;
}
footer address:before {
    content: url(../images/d_logo.png);
    display: inline-block;
	position: absolute;
	left: 100px;
	top: 10px;
}
footer address p, footer h3, 
footer address a.lk {
	color: #000;
}
footer address h4.h3{
	margin: 0;
	padding: 10px 0 20px 0;
}
footer address p.h3{
	font-weight: initial;
	margin: 0;
	font-size: 20px;
}
footer address span { 
	display:block; 
	width:100%; 
	line-height: 130%;
}
footer address span>span { display:inline-block; width:auto;}

@media only screen and (max-width:768px){	
	footer address {
		margin-bottom: 0;
		padding-left: 180px;
		position: relative;
	}
	footer address:before {
		content: url(../images/d_logo.png);
		display: inline-block;
		position: absolute;
		left: 40px;
		top: 10px;
	}
}
@media only screen and (max-width:568px){	
	footer address span>span { 
		display:block; width:100%
	}

	footer address {
		padding-left: initial;
	}
	footer address:before {
		display: none;
	}
	footer address p.h3{
		font-size: 16px;
	}
}

.gototop{ 
	width:50px; height:50px; line-height:50px; text-align:center; 
	background:#000; color:gray; position:fixed; bottom:50px; 
	right:50px; z-index:8888; cursor:pointer; border-radius:50%; 
	box-shadow:0px 2px 2px rgba(0,0,0,0.3); display:none; 
	color:#FFFFFF
}




/*內頁區塊========================================================*/

article.ling-right .contain_right {
	min-height:calc(100vh - 250px); 
}
 
section.lingautoplay .owl-item { 
	display: block;	
	border-radius: 8px;
	border:2px solid #fff;
	box-shadow: 1px 1px 3px #ccc;
	padding:8px 6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9e9ff+0,047dc3+98 */
background: #c9e9ff; /* Old browsers */
background: -moz-linear-gradient(top, #c9e9ff 0%, #047dc3 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c9e9ff 0%,#047dc3 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c9e9ff 0%,#047dc3 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e9ff', endColorstr='#047dc3',GradientType=0 ); /* IE6-9 */
}
section.lingautoplay .item {overflow: hidden}
section.lingautoplay .item > a { color:#fff; }

section.lingautoplay .item > a > img{ transform:scale(1); }
section.lingautoplay .item > a:hover > img{transform:scale(1.1); transition:0.5s;}

	
aside.ling-left { display:none !important; }

@media (min-width:993px){
	/* aside.ling-left { padding-top: 0;}

	aside.ling-left .left_d { width: 100%; }
	aside.ling-left .left_d>img { width:96%; border-radius:0 30px 0 0; }

	aside.ling-left .left_d.affix-top { width: 100%; position:absolute; }
	aside.ling-left .left_d.affix-top>img { width:96%; border-radius:0 30px 0 0; }

	aside.ling-left .left_d.affix {  width:25%; top:67px; }
	aside.ling-left .left_d.affix>img {  width: 312px; border-radius:0;  } */
		
	/* article.ling-right.hright { padding:0 2% 0 2%;} */

	.hright .contain_right{ 
		padding: 50px 0 !important;
		min-height: initial !important;
	}
	.contain_right{ 
		width:100%; 
		padding: 50px 0;
	}

}

@media (max-width: 992px){	
	.hright .contain_right{
		padding: 30px 0  !important;
	}
}


@media (min-width:569px){	
	.main_md { display: block}
	.main_sm { display: none}
}

@media (max-width:568px){	
	.main_md { display: none}
	.main_sm { display: block}
}

nav.navbar ul.nav.lingnav li.sm-show {  display:none}
nav.navbar ul.nav.lingnav li.md-show { display:block }
.attr-nav>ul>li.side-menu { display: none }

.attr-nav > ul > li.text { display:block; }
.attr-nav > ul > li.text > a:before { content:""; border:1px solid #fff; opacity:0.5 ; border-radius:20px; display:block; height:30px; position: absolute; width:100%; margin-left:-15px; font-family: 'FontAwesome';  }
.attr-nav > ul > li.text > a { color:#fff; cursor:auto; text-decoration:none; font-size:1.2em;}
.attr-nav > ul > li.text > a > span { color:#FDC9AA ; font-weight: bold;  font-style:italic; }
	
nav.lingnav .side { display:none}

@media only screen and (max-width:992px){
nav.navbar ul.nav.lingnav li.sm-show { display:block }
nav.navbar ul.nav.lingnav li.md-show { display:none }

nav.lingnav .attr-nav>ul>li.fb, nav.lingnav .attr-nav>ul>li.text{ display:none }
nav.lingnav .attr-nav>ul>li.side-menu { display: block}

nav.lingnav .side { display:block;}

.side .widget h6, 
.side .widget .link li, 
.side .widget .link li a { color:#fff }

.side a.fb { color:#fff; font-size:0.8em; text-decoration:none }

.side a.fb>span {
    overflow: hidden;
    display: inline-block;
    line-height:23px;
	text-decoration:underline
	}
	
.side a.fb:before {content:"\f082"; font-size:2em; font-family: 'FontAwesome'; display:inline; margin-right:10px; text-decoration:none}



}

/*首頁下方*/


.main_d { position: relative }
.main_d .carousel-inner_ling .item>img  { width:100%; }
.carousel-ling { width:72%; right:1%; top: 9%; position: absolute; border:6px solid #2DB4FD; box-shadow: 10px  }

.carousel-ling.md-show { display: block }
.carousel-ling.sm-show { display: none }


.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.m_contain>div.m_left { margin-left:0; padding:0px; border:0; border-radius: 0 ; box-shadow: none; box-shadow: none;}

.main_ban {position:absolute; width:70%; left:29%; bottom:5%; }
.main_ban .item {
	border:2px solid #ddf1f9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+46,a1d9ff+100 */
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 46%, #a1d9ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #feffff 0%,#ddf1f9 46%,#a1d9ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #feffff 0%,#ddf1f9 46%,#a1d9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a1d9ff',GradientType=1 ); /* IE6-9 */
	 border-radius:20px; 
	 vertical-align: central ; 
	 
 }

.main_ban .item > marquee { vertical-align: -webkit-baseline-middle; }
.main_ban .item > marquee > img { height: 40px; max-width: inherit}

.main_ban .item2 { background:url(../images/m_icon2.gif); vertical-align:-webkit-baseline-middle; padding:8px 0px; border-radius:20px; box-shadow: 2px 2px 2px #333; text-align: center}
.main_ban .item2 > a {  color:#fff; font-size:1.25em; }

@media only screen and (max-width:992px ){ 
.carousel-ling { top: 12%; }
.main_ban { top:100%; width: 100%; left:15px; padding: 15px 15px; bottom:inherit; position: relative;}
.main_ban .item2 { padding:6px 0; }
}

@media only screen and (max-width:768px ){ 
	.carousel-ling { width:100%; right: inherit; top:inherit; position: relative; border:6px solid #2DB4FD; box-shadow: 10px  }
	.carousel-ling.md-show { display: none }
	.carousel-ling.sm-show { display: block }
	.main_d > .m_img { display: none }
}

.boxshad {  
	padding:30px 30px; 
	border:2px solid #BAE3FF  ;
	box-shadow:2px 2px 7px rgba(186,165,156,0.2) inset;
	box-shadow: 5px 5px 5px rgba(186,165,156,0.2);
	border-radius: 0 0 10px 0; 
	margin-bottom: 2em;
	min-height: 180px;
 }


 .boxshad .h3{
	font-weight: initial;
	line-height: 160%;
	font-size: 18px;
	margin: 0;
 }
 
.about_himg > img { border-radius: 10px; }
.m_left { width:20%; margin:0; float:left;}
.m_newproduct {  width:100%;}
.mess { float:left; width:35%; margin-left:3%; }
.m_solution, .m_news { width:100%; }
.m_pic { float:left; width:350px; margin-left:3%; min-height:345px }
.wpic a img { width:100%; }


.m_newproduct .item {
	margin-bottom: 30px;
}
.m_newproduct .item a{
	display: block;
	background-color: #EBEBEB;
	color: #31313F;
	text-align: center;
}
.m_newproduct .item a img{
	width: 100%;
	border:1px solid #EBEBEB;
}
.m_newproduct .item a h3{
	display: inline-table;
	padding: 6px 15px;
}


/*靠左中右========================================================*/
.center { text-align:center}
.left { text-align:center}
.right { text-align:right}

/*段落行距========================================================*/
.mar  { margin-bottom:0.5em} /*about頁籤*/
.mar-right { margin-right:0.5em; margin-bottom:0.5em }
.mar1 { margin-bottom:1em} /*常用-大主標題*/
.mar15 { margin-bottom:1.5em}
.mar2 { margin-bottom:2em}
.mar3 { margin-bottom:3em } /*常用-段落*/


#left {width:100%;  min-height:300px;}
#left div { text-align:left; width:100%;}
/*#left a { font-weight:bold; }*/
#left>.our {width:100%; overflow:hidden; height:35px; margin-bottom:5px;}

/*第一層 大分類*/
#left div.ourproduct, div.ourproduct2  { padding:10px 8px; margin-top:3px; display:none; border-radius:5px;}
#left .ourproduct{  background:#31b0d5; color:#0060AF;   }
#left .ourproduct>a {  }
#left .ourproduct:hover { background:#ccc; transition:all .3s; color:#0060AF;} /*滑入*/
#left .ourproduct:hover>a {color:#0060AF}

#left .ourproduct2{ background:#286090; color:#fff } /*選到*/
#left .ourproduct2>a { color:#fff}
#left div.ourproduct>a , div.ourproduct2>a { font-size:1em ;}


/*第二層 中分類*/
span.submenu>div.disp_left { }
span.submenu>div.disp_left:nth-child(1) {  }

#left div.class1, #left div.class12 { padding:6px 10px 6px 30px; margin-top:3px; border-radius:5px; position:relative;}
#left div.class1>a:before{ 
font-family: 'FontAwesome';
        content: "\f105";
		display:inline-block;
		position:absolute;	
		left:10px;		
		height:0;
		line-height:0;
		top:50%;
		color:#ACD31B;
		}

#left div.class12>a:before{ 
font-family: 'FontAwesome';
        content: "\f105";
		display:inline-block;
		position:absolute;	
		left:10px;		
		height:0;
		line-height:0;
		top:50%;
		color:#fff;
}
#left .class1 {  background:#F9FBEC; color:#67B15C; border:1px solid #ACD31B }
#left .class1>a { color:#333  }
#left .class1:hover { background:#F9FBEC; border:1px solid #FF7F00; transition:all .3s; color:#286090; } /*滑入*/
#left .class1:hover>a, #left div.class1:hover>a:before {color:#FF7F00; text-decoration:none}

#left .class12{   background:#FF7F00 ; color:#FF7F00; border:1px solid #FF7F00} /*選到*/
#left .class12>a { color:#fff; text-decoration:none; font-weight:bold}
#left div.class1>a, div.class12>a { font-size:1em ;   }

	

/*第三層 小分類*/
#left span.submenu2 { padding:5px 0;  background:#FFFFCF;}
#left div.class2, div.class22 { padding:0px 10px 0px 40px; border-radius:0px; }
#left .class2 { background:#FFFFCF; color: #4C4C4C; }
#left .class2>a  { color: #4C4C4C; }
#left .class2:hover { background:#FFFFCF; text-decoration: underline; transition:all .3s; color:#990000;} /*滑入*/
#left .class2:hover>a {color:#990000;}

#left .class22 { background:#FFFFCF; color:#990000; } /*選到*/
#left .class22>a { color:#990000; text-decoration: underline;}
#left div.class2>a, div.class22>a { text-decoration:none; line-height:1.8em; font-size:0.9em }



@media only screen and (max-width:768px ){ 
	#left { display:none}
}



/*首頁-聯絡我們*/
.m_contact  .name { 
    font-size: 2.2em;
    font-weight: bold;
    color: #F2520C;
    line-height: 120%;
}

@media only screen and (min-width:992px ){ 
	.m_contact .emailling { display:block }
	.m_contact .emailling2 { display:none }
}
@media only screen and (max-width:991px ){ 
	.m_contact  .name > span { display: inline-block; padding-top:6px; }	
	.m_contact .emailling { display:none }
	.m_contact .emailling2 { display:block }
}

/*內頁共用設計=====================================================================*/
.path { margin-bottom:1.5em; color:#999999;  display:*none}
.path>a {color:#999999;  }


/*h標題設定========================================================*/
h1 { font-size:1.5em; line-height:none;  font-weight: 500; color:#666; white-space:normal; display: inline; height:0; } /*大標題*/

h2 { font-size:1.3em; line-height:none;  font-weight: 500; color:#666; white-space:normal; display: inline; height:0; } /*中標題*/
h2>a:link, h2>a:visited { color:#666; text-decoration:none;}
h2>a:hover, h2>a:active { color:#666; text-decoration: underline; transition:*all .3s;}
h2>span { padding-right:10px }

h3 { font-size:1.2em; line-height:none;  font-weight: 500; color:#666; white-space:normal; display: inline; height:0; } /*次標題*/
h3>a:link, h3>a:visited { color:#666; text-decoration:none;}
h3>a:hover, h3>a:active { color:#666; text-decoration: underline; transition:*all .3s;}

h4 { font-size:1em; /*13px*/ font-weight: normal; white-space:normal; display: inline; height:0; 
outline: none; text-decoration:none; 
} /*細項產品*/
h4:hover, h4:active { }

/*標題外框設計*/
.hi { 
	padding: 3px 0; 
	margin-bottom: 10px; 
	background: url(../images/item_d.gif) left top no-repeat; 
	background-size: contain;
}		
.hi { 
	width:100%;
	padding-left: 30px;
}
.hi>.div1>h2 { 
	color: #01005D;
    font-size: 1.8em;
    padding-left: 10px;
    line-height: 100%;
}
.hi>.div1 { float: left; width: auto; }
.hi>.div2 { float: right; width: auto }


/*內頁標題*/
article.ling-right .mar1 > h2 { color: #337ab7; }
article.ling-right .mar1 > h2:after { content:"\f101"; font-family:'FontAwesome'; display:inline; vertical-align:top; padding-left: 8px; }

img, p>img, div>img { /*border-radius: 5px;*/ max-width:100%; height:auto}
img.img { width: 100% }

a {border-radius: 0px; }

.bor {  border:1px solid #fff; /*border-radius: 5px;*/ padding:0px;} /*產品圖外框線-預留*/
.sha { 
	-webkit-box-shadow: 3px 3px 10px #999; /*陰影*/
	box-shadow: 3px 3px 10px #999; 
} 


ul { padding:0 20px; list-style-type:disc; }
ol 	{ padding:0 20px; list-style-type: decimal}


.check { width:35px; height:35px; float:right; margin:3px 0px 0px 5px;}
.check_left { width:35px; height:35px; float:left; margin:3px 5px 0px 0px;}

.textover { white-space: nowrap; width:100%; display:block; overflow: hidden; text-overflow: ellipsis;  }

.spec { text-align:left; color: #CC3300}
.spec>h3 { color:#000}
.spec>h3>span { color:  #CC3300}
.spec>i { color: #CC3300; font-size:1.2em; font-weight:bold}

.ex { color:#CC3300; } /*說明 or 星號*/

.rig_pdd {clear:both; width: auto; padding-right:10px; margin-bottom:0.5em; min-height:85px;}

i.colr { color:#31b0d5; padding-right:10px}

/*首頁-more 按鈕類=================================================== */

/*小尺寸 - home & inquiry*/
.but_s { padding:1px 12px; border:0px; cursor:pointer; transition:all .3s; border-radius:5px; text-align:center; white-space: nowrap}
.but_s:hover { transition:all .3s; text-decoration:none;}
.but_s i { padding-right:0.3em}

/*標準尺寸*/
.but { padding:8px 20px; border:0px; cursor:pointer; transition:all .3s; border-radius:5px; text-align:center; white-space:nowrap}
.but:hover { transition:all .3s; text-decoration:none; }
a.but { text-decoration:none; }
.but i { padding-right:0.3em}

/*範例-0-重要按鈕*/
.but0 { background:#286090; color:#fff; } /*深藍底*/
.but0:hover { background:#31b0d5; color:#fff;} /**天藍底*/
.but0>a { color:#fff; width:100%;} /*有div之連結*/
a.but0 { color:#fff; } /*無div之連結*/
a.font-a1 { font-size:1.5em; line-height:1.8em } /*多屬search icon*/

/*範例-1*/
.but1 { background:#31b0d5; color:#fff; } /*天藍底*/
.but1:hover { background:#286090; color:#fff;} /*深藍底*/
a.but1{ color:#fff; }  /*1, 2-無框連結 - top*/ 

/*範例-2*/
.but9 { background: #999999; color:#fff; } /*天藍底*/
.but9:hover { background: #CCCCCC; color:#fff;} /*深藍底*/
a.but9{ color:#fff;}  /*1, 2-無框連結 - top*/ 

/*PDF 標準範例-1*/
.but-pdf { background:#CC0000; color:#fff;} /*橘底*/
.but-pdf:hover { background:#FF9900; color:#fff;} /*紅底*/
/*.but-pdf>a, a.but-pdf {color:#fff; } /*1, 2-無框連結*/

/*公司簡介書籤*/
.but2 { background:#f2f2f2; color:#333333; } /*灰底*/
.but2:hover { background:#31b0d5; color:#fff;}/*天藍底*/

.ling-right .panel .panel-heading.panel-ling > .row { 
	  display: -webkit-flex;
	  display:         flex;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	}
.ling-right .panel .panel-heading.panel-ling > .row > div:nth-child(1) > i {
	font-size:2em
}
@media (min-width:1200px ){ 
	.ling-right .panel .panel-heading.panel-ling > .row {
		-webkit-align-items: end
		}
	.ling-right .panel .panel-heading.panel-ling > .row > div:nth-child(1) > i {
		font-size:2em
	}
}

.ling-right .panel-green {
  border-color: #5cb85c;
}
.ling-right .panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.ling-right .panel-green > a {
  color: #5cb85c;
}
.ling-right .panel-green > a:hover {
  color: #3d8b3d;
}
.ling-right .panel-red {
  border-color: #d9534f;
}
.ling-right .panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.ling-right .panel-red > a {
  color: #d9534f;
}
.ling-right .panel-red > a:hover {
  color: #b52b27;
}
.ling-right .panel-yellow {
  border-color: #f0ad4e;
}
.ling-right .panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.ling-right .panel-yellow > a {
  color: #f0ad4e;
}
.ling-right .panel-yellow > a:hover {
  color: #df8a13;
}

/*pdf 鈕 - about + asn-Srh-asun_css + ys-shinway */
.icon_box { clear:both;}
.icon_box>.icon { margin:0px 5px 15px 0px; float:left;}
.icon_box>.icon>a { color:#fff}
.icon_box>.icon>a>i { color:#FFFFFF; font-size:1.2em; line-height:1.2em; padding-right:0.3em}



.vertical-container {
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.ling-right .contain_right .panel.panel-info > .panel-heading > h3, .ling-right .contain_right .panel.panel-info > .panel-body > h3 { color:#31708f ; font-size:1.5em}


/*頁尾按鈕=========================================================================*/
#add_icon { width:100%; overflow:hidden; margin-bottom:3em; }

#add_icon>div.main-container {
    float:left;
    position:relative;
    left:50%;
}
#add_icon>div>div.fixer-container {
    float:left;
    position:relative;
    left:-50%;
}
#add_icon>div>div>div { float:left; margin:0 10px 10px 10px;}

#add_icon>div>div.fixer-container>input { border:0; margin:0 1em}




@media only screen and (max-width:568px ){ 
.icon_box { width:100%;}
.icon_box>.icon { margin:0px 0px 15px 0px; width:100%}

#add_icon>div.main-container { left:0;	width:100% }
#add_icon>div>div.fixer-container {  left:0; width:100% }
#add_icon>div>div>div { float: none;  margin:10px 0; width:100%; }
}




/*有框-範例-1-首頁用*/
.but3 { background: #31b0d5; border:1px solid #31b0d5; } /*天藍底*/
.but3:hover { background:#fff; color:#31b0d5; border:1px solid #31b0d5;}/*白底*/
a.but3 { color:#fff;}

/*有框-範例-2-首頁用*/
.but4 { background:#fff; border:1px solid #fff; } /*白底*/
.but4:hover { background:#fff; border:1px solid #31b0d5; }/*白底-籃框;*/
a.but4 { color:#31b0d5;} /*藍字*/


/*About 關於我們 =================================================== **/
ul.about_li>li {		
		width: auto;	
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;	
        zoom: 1;
        *display: inline;
        _height: 80px;	
		 margin:0 5px 1em 0; 
		}
		
.about_top1 { margin-top:-150px; height:150px; position:absolute; }

@media only screen and (max-width:568px ){ 
ul.about_li>li {width: auto;  }
}

.about>hr:last-of-type { display: none}
.about>.item>p>img { margin-bottom:5px; max-width:100%; height:auto;} /*貼圖*/
.about>.item>img.right { float:right; margin-left:10px; margin-bottom:5px;} /*後台圖片輸入在右區*/
.about img  { max-width:100%; height:auto; }

@media only screen and (max-width:768px ){
.about>.item>img.right, .about>.item>p>img { min-width:100%; height:auto;}
.about img  { min-width:100%; }
}


/*產品索引-asn-Srh-asun_cssn ================================開始*/
ul.catelog{
    padding:0;	list-style-type: none;
}
ul.catelog>li {	
		/*display: -moz-inline-stack;
        display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;	
		*/   
        _height: 80px;	
		float:left;		
		}
		
ul.catelog>li.pic, ul.catelog>li.pic2 /*pic2產品版其他圖檔*/ {
		width: 30%;	
		float:left;
		 }
ul.catelog>li.pic>div>a>img { width:100%} /*分類1圖*/
ul.catelog>li.pic>div{  width:100%;}

ul.catelog>li.pic2 { border-radius:5px; overflow:hidden }/*產品頁多張圖檔*/
ul.catelog>li.pic2>div{  width:100%; } 
ul.catelog>li.pic2>div>a>img { width:100%; border-radius:0;}

ul.catelog>li.pic2>div:nth-child(n+2) { float:left; width:33.333%; }
/*產品圖放大鏡*/
ul.catelog>li.pic2>div>a { z-index:21;  display:block; text-align:center; text-decoration:none}
ul.catelog>li.pic2>div>a:after{  color:#fff; content:'\f00e'; font-size:2em; width:50px; height:40px; position:relative; text-align:right; width:auto; 
margin:-40px 3% 0 auto; font-family:FontAwesome; display:block; }

ul.catelog>li.pic2>div>a:hover:after { color: #31b0d5}

ul.catelog>li.pic2>div:nth-child(n+2)>a:after { display: none; }


ul.catelog>li.text {
		width: 69.5%;
		padding-left:30px;	
		float:left;
		text-align: *justify; 
		}
		
/*當圖檔沒有輸入*/
ul.catelog>li.text_ {
		width: 100%;
		clear:both;
		}

ul.catelog>li img.imgright { padding-left:10px;  }


@media only screen and (max-width:568px ){
ul.catelog>li.pic, ul.catelog>li.pic2 { width:100%;}
ul.catelog>li.text { width:100%; padding-left:0; }
ul.catelog>li img.imgright { padding-left:0px; width:100%; }
}



/*大焱始祖-link_classifys_ke + lynx-tail_2 -------------------------*/
ul.catelog3 {
    list-style-type: none; padding:0; margin:0 0 1em 0;
}
 

ul.catelog3>li {	
		/*display: -moz-inline-stack;
        display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;	
		*/   
        _height: 80px;	
		float:left;
		margin-bottom:1em;		
		width: 33%;	
		float:left;	
		padding-right:20px	
		}
ul.catelog3>li>div { width:100%;}
ul.catelog3>li.text10 { width:100%; }
ul.catelog3>li.text1 { width:66%;}
ul.catelog3>li.text4 { width:100%; }

@media only screen and (max-width:768px ){
ul.catelog3>li {  width:50%;}	
ul.catelog3>li.text1 { width:50%;}
}

@media only screen and (max-width:568px ){
ul.catelog3>li {  width:100%;}	
ul.catelog3>li.text1 { width:100%;}
}

/*大焱始祖-link_classifys_ke + lynx-tail_ 2----------------------end */


/*inline-block+float -2 欄位, -chn-une-fe0 & asn-Srh-asun_cssn ================================開始*/
ul.p_item2{
    padding:0;	list-style-type: none;	margin-bottom:1.5em; /*空一行*/
}
ul.p_item2>li { 
		width: 47%;
        min-height: 80px;		
		margin-right:4%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;        	
        zoom: 1;
        *display: inline;
        _height: 80px;
		margin-bottom:2em; /*空一行*/
		padding:10px;
		}

ul.p_item2>li:nth-child(2n+0) { margin-right:0;} 
ul.p_item2>li>.cname { clear:both; width: auto; padding-right:10px; margin-bottom:1em;} /*顯示在圖片與名稱上排-chn-une-fe0*/
ul.p_item2>li>.pic {
		width: 30%;
		float:left;
		margin-bottom:1em;
		border-radius:10px;
		overflow:hidden;
 }
ul.p_item2>li>.pic>a>img { width:100%}
ul.p_item2>li>div>a>div { width:auto; margin:10px;}


ul.p_item2>li>.text { 
		width: 69%;
		float:left;
		padding-left:15px;
		margin-bottom:1em;
		white-space: normal;
		}
		
.bor img { width:100%;}

ul.p_item2>li>div>a{ display:block; width:100%; overflow:hidden; transition:all 0.5s ease;}
ul.p_item2>li>div>a img{ width:100%; height:auto; transform:scale(1); transition:all 0.5s ease; }
ul.p_item2>li>div>a:hover img{transform:scale(1.1);}
ul.p_item2>li h4 { display: inline-block; width:100%; min-height:30px; background:#fff; position: relative;}



ul.p_item2>li>.text>.pname {clear:both; width: auto; padding-right:10px; margin-bottom:0.5em; min-height:85px;}/* 名稱高度asn-Srh-asun_cssn*/


@media only screen and (max-width:768px ){
ul.p_item2>li { width:100%; min-height:auto; _height: auto; }
ul.p_item2>li>.text>div {text-align: justify;}
}
@media only screen and (max-width:568px ){
ul.p_item2>li>.pic {width: 100%;}
ul.p_item2>li>.text {width: 100%; padding-left:0;}
ul.p_item2>li>.text>.pname {min-height:auto;}
}


/*給 - safety 安規查詢頁 - 上方搜尋用*/
.iso { 
    background:#E6FFFF;
	border-color: #0066CC;
	border-style: solid;
    border-width: 1px 1px 6px 1px;
	border-radius:5px;
	padding:10px 0 10px 20px}
	
ul.iso1 {
    padding:0;	list-style-type: none;	margin:0 auto; width:100%;
}
ul.iso1>li {
	display: inline-block; width:19%; margin:0 auto; padding:0;
        vertical-align: top;
		height:100%;	
		margin-bottom:1em;
		}
ul.iso1>li>input { width:20px; height:20px; }

/*給 - safety 安規查詢頁 - 下方表格內的iso圖*/
ul.iso2 {
    padding:0;	list-style-type: none;	margin:0 auto;
}
ul.iso2>li {
	display: inline-block;
        vertical-align: top;
		height:100%;
		text-align:center;		
		}
		
@media only screen and (max-width:568px ){
ul.iso1>li { width:49%; }
}

/*inline-block -3 欄位, chufon ===================================================開始*/
ul.p_item3{
    padding:0;	
	list-style-type: none;	
	margin-bottom:0em; 
}
ul.p_item3>li { 
	width: 23%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    text-align: left;
    margin-right: 2%;
    margin-bottom: 2em;
    padding: 10px;
}
ul.p_item3>li:nth-child(4n+0) { margin-right:0;} 
ul.p_item3>li>div>a>img	{ width:100%; }
ul.p_item3>li>div>a>div { width:auto; margin:10px;}

ul.p_item3>li>div>a{ display:block; width:100%; overflow:hidden; transition:all 0.5s ease;}
ul.p_item3>li>div>a img{ width:100%; height:auto; transform:scale(1); transition:all 0.5s ease; }
ul.p_item3>li>div>a:hover img{transform:scale(1.1);}
ul.p_item3>li h4 { display: inline-block; width:100%; min-height:30px; background:#fff; position: relative;}

ul.p_item3>.item_back { background:#FFED00}
ul.p_item3>.item_back>.new_pro { position:absolute; z-index:23}
ul.p_item3>.item_back>.new_pro>a { margin-top:-150px; padding-top:150px;  display:block; }

/*chufon-feature12-勾選方塊*/
ul.p_item3>li>div>div { width:auto; margin:10px;}


ul.p_item3>li>div { position:relative; }
ul.p_item3>li>div>.s_pic { position:absolute; margin:65% 0 0 75%; width:22%; height:auto; border-radius:5px; border:1px solid #666666; overflow:hidden; background:#fff}
ul.p_item3>li>div>.s_pic>a { position:relative; display:block; text-decoration:none }

/*黑色遮罩*/
ul.p_item3>li>div>.s_pic>a:before{width:100%; height:100%; content:""; background:#000; position:absolute; top:0px; left:0px; opacity:0; transition:0.5s; z-index:1; }

ul.p_item3>li>div>.s_pic>a:hover::before{ 
opacity:0.5;/*滑鼠滑過顯示*/
transition:0.5s;
	}

ul.p_item3>li>div>.s_pic>a>img{transform:scale(0.9);}
ul.p_item3>li>div>.s_pic>a:hover>img{transform:scale(1.1); transition:0.5s;}

/*landersound-tail*/
ul.p_item3>li>div>div.link {content:""; cursor:pointer; width:100%; height:100%; margin:0 auto; position:absolute; top:0px;  }
ul.p_item3>li>div>a>IFRAME { width:100%; line-height:100%; height:100%; z-index:1; }

@media only screen and (max-width:768px ){
	ul.p_item3>li { 
		width: 30%;
		display: inline-block;
		vertical-align: top;
		height: 100%;
		text-align: left;
		margin-right: 4%;
		margin-bottom: 2em;
		padding: 10px;
	}
	ul.p_item3>li:nth-child(4n+0) { margin-right: 4%;} 
	ul.p_item3>li:nth-child(3n+0) { margin-right:0; } 
}

@media only screen and (max-width:568px ){
	ul.p_item3>li { 
		width: 100%;
		margin-right: 0;
	}
	ul.p_item3>li:nth-child(4n+0) { 
		margin-right: 0;
	} 
}





/*分類landersound-tail - 影片*/
/*#cate_pic #in_vdo {width:220px; height:165px;}
#cate_pic #in_vdo .lk_img{width:220px; height:165px; position:absolute; z-index:9999}
#cate_pic #in_vdo  #iframes IFRAME{ width:220px; height:165px;}*/


/*產品版影片顯示區.....................................................................................*/
#video { text-align:center; width:780px; height:585px}
#video IFRAME { width:100%; height:585px}

/*RWD Youtube 以及 Vimeo*/
.video-container{
position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}





/*seo頁尾路徑*/
ul.p_item5{
    padding:0;	list-style-type: none;	margin-bottom:2em;/*空一行*/
}
ul.p_item5>li { 
		width: 17%;		
        display: inline-block;
        vertical-align: top;
		height:100%;
		text-align:left;
		margin-right:3%;
		margin-bottom:1em; /*空一行*/
		}
ul.p_item5>li:nth-child(5n+0) { margin-right:0px;} 
ul.p_item5>li>div>a>img	{ width:100%; /*border-radius: 5px 5px 0 0;*/ }
ul.p_item5>li>div>a>div { width:auto; margin:10px;}

@media only screen and (max-width:768px ){
ul.p_item5{ 
	 padding:0 20px;
	 list-style-type:disc;
	 }
ul.p_item5>li { 
		width: 100%;		
        display: list-item;
        vertical-align: top;
		height: auto;
		text-align:left;
		margin-right:0;
		margin-bottom:0; /*空一行*/
		}
ul.p_item5>li.sha { 	
	-webkit-box-shadow:none; /*陰影*/
	box-shadow:none; 
	}
ul.p_item5>li.bor { border: none}
ul.p_item5>li:nth-child(5n+0) { margin-right:0px;} 
ul.p_item5>li>div>a>img	{ width:100%; /*border-radius: 5px 5px 0 0;*/ display:none;}
ul.p_item5>li>div>a>div { width:auto; margin:0px;}
ul.p_item5>li>div>a>div>span { padding-right:15px}
}


/*產品頁頁簽======================================*/
.table_back { background: #fff}
#tabl { margin-bottom:2em; }
#tabl ul, #tabl li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
#tabl .abgne_tab {
		clear: left;
		width: 100%;
		margin: 10px 0;
	}
#tabl ul.tabs {
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-radius: 5px 0 0 0 ;
		padding:0;
	}
#tabl ul.tabs li {
		float: left;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #ccc;
		border-left: none;
		background: #FFF3EC;
		border-radius: 5px 5px 0 0 ;
	
	}
#tabl ul.tabs li a {
		display: block;
		padding: 0 10px;
		color: #555;
		border: 1px solid #fff;
		text-decoration: none;
	}
#tabl ul.tabs li a:hover {
		background: #31b0d5; color: #fff
	}
#tabl ul.tabs li.active  {
		background: #fff;
		border-bottom: 1px solid #fff;
	    color:#31b0d5;
	}
#tabl ul.tabs li.active a {color:#31b0d5;}

#tabl ul.tabs li.active a:hover {
		background: #fff;
	    color:#31b0d5;
	}
	
#tabl ul.tabs li.active:before { content:"\f0d8"; position: absolute; top:15px; left:45%; 
	font-family:FontAwesome; color:#31b0d5;  }

#tabl div.tab_container {
		clear: left;
		width: 100%;
		border: 1px solid #ccc;
		border-top: none;
		background: #fff;
		overflow-x: auto;
	}
#tabl div.tab_container .tab_content {
		padding: 20px;
	}

#tabl .tab_container >.tab_content img {width:auto; height:auto;}

#tabl .tab_content ul { padding:0 20px;}
#tabl .tab_content ul li { list-style-type: disc}

#tabl .tab_content ol { padding:0 20px;}
#tabl .tab_content ol li { list-style-type: decimal}


#tabl div.tab_container >.tab_content img {width:auto; height:auto;}
#tabl div.tab_container .tab_content>h2 {
		margin:0 0 20px 0;
	}
#tabl div.tab_container >.tab_content strong,
#tabl div.tab_container >.tab_content b { color:#286090 }




#tabl { overflow-x: auto; }
#tabl table, #tabl td, #tabl th {
    border: 1px solid #ddd;
	white-space:normal;
   /* text-align:left;*/	
}
#tabl table {
    border-collapse: collapse;
    width: 100%;
}
#tabl th, #tabl td {
    padding: 8px;  vertical-align: middle; /*td內容上下致中*/
}
#tabl th {
    background-color: #F0EDE3;
    /*color: #286090;*/
	text-align:center;
}
#tabl tr:nth-child(odd) { background-color: #f2f2f2 }


@media only screen and (max-width:768px ){ 
#tabl ul.tabs {
		width: 100%;
		height: 35px;
		border-bottom: 0px solid #999;
		border-left: 0px solid #999;
		border-radius: 5px 0 0 0 ;
	}
	
#tabl ul.tabs li {
	display: inline-block;
		width:auto;
		height: 35px;
		line-height: 35px;
		margin:0 2px 6px 2px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-radius: 5px;
		border: 1px solid #999;	
		background: #FFF3EC;
	}
	
#tabl ul.tabs li.active  {
	background: #fff;
	border-bottom: 1px solid #999;
	color:#31b0d5;
}	
#tabl ul.tabs li a {
		display: block;
		padding: 0px 10px;
		color: #000;
		border:none;
		text-decoration: none;
	}


#tabl ul.tabs li.active:before  { top:13px; }
	
#tabl div.tab_container {
		border: none;
}
#tabl div.tab_container .tab_content {
		padding: 20px 0;
	}
	
 }



/*頁尾分頁=======================================]*/
.page_total_show {  margin-bottom:15px; text-align:center; }

.page_total {
    clear:both; text-align:center;  width:100%;
}

.page_total>div { margin-bottom:15px; text-align:center;}

.page_total a {
    display:inline; 
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s;
	border-radius: 5px;
	margin: 0 2px;
}

.page_total a.active {
    background-color: #31b0d5;
    color: white;
}

.page_total a:hover:not(.active) {background-color: #286090; color: white;}

.page_total a:hover:nth-child(1), .page_total a:hover:last-child { background-color:#fff; color:#286090; }

.ndispy>a { display:none } /*沒有超過當頁顯示筆數 則不顯分頁,而總筆數會出現*/


@media only screen and (max-width:568px){
.page_total a:nth-child(1) { display:none }
.page_total a:last-child { display:none }
}



/*輸入表格==============================================================*/
table, td, th {
    border-color: #ddd;
	white-space:normal;
}
table {
    border-color: #ddd;
    width: 100%;	
}
th, td { vertical-align: middle;  padding:2px; text-align:left}

/*table  (inquiry + WP_Product =======================================]*/

#tb_box table.tableodd tr:nth-child(odd) { background-color:#f2f2f2 }
#tb_box table.tdodd tbody tr>td:nth-child(1) { background-color:#d9edf7; font-size:1.2em; font-weight:bold; }

#tb_box { overflow-x: auto; }

#tb_box table, #tb_box td, #tb_box th {
    border: 1px solid #ddd;
	white-space:normal;
   /* text-align:left;*/	
}

#tb_box table {
    border-collapse: collapse;
    width: 100%;
}

#tb_box th, #tb_box td {
    padding: 8px;  vertical-align: middle; /*td內容上下致中*/
}

#tb_box th {
    background-color: #d9edf7;
    /*color: #286090;*/
	text-align:center;
}

#tb_box tr:nth-child(odd) { background-color:#fff /*#f2f2f2*/ }

#tb_box td>button { width:100%; margin-bottom:3px}

#tb_box td div.but_s {padding:3px 6px; text-align:center; margin:3px}

/*WP_Products/index.php 索引頁小圖*/ 
#tb_box td.pic>a>img { min-width:100px;}

/*兩欄位-多屬預覽頁*/
#tb_box .hbk {
    background-color: #f2f2f2; color:#000;
}

#tb_box .dbk {
    background-color: #fff;
}

/*download, 依檔案類型, 顯示圖檔*/
#tb_box td .picimg { width:30px; vertical-align:middle}

/*#tb_box td>input { width:20px; height:20px; }*/
#tb_box td>.inpu_w  {width:auto; height:auto;  }
#tb_box td>label { width: auto; }

#tb_box>table th{ display:table-cell;}
#tb_box>table td{ display: table-cell;}
#tb_box>table td span{ display:none;}

 
@media only screen and (max-width:992px){
#tb_box { border: none }
#tb_box table, #tb_box th{ border: none; }
#tb_box>table th{ display:none; text-align:left}
#tb_box>table td{ display:block; text-align:left; width:auto; padding:8px 0; border-left:none; border-right:none; border-top:none; border-bottom:none  }
#tb_box td>button { width:auto; }
#tb_box>table td span{  display:inline; width: 100%; color:#286090; text-align:left; font-weight:bold }
#tb_box>table td span.cf { width:auto; display: inline}
	
#tb_box td>.inpu_w { display:inline; width: auto;}

	
#tb_box table tr td:nth-child(1) {  border-top:1px solid #ccc; border-bottom:none; padding-top:20px }
#tb_box table tr td:last-child { border-top:none; border-bottom:1px solid #ccc; padding-bottom:/*20px*/ }
 
#tb_box td div.but_s { float:left; width:32%; margin-left:0}

/*#tb_box th, #tb_box td { padding: 2px 0;  }
#tb_box td div.but_s {padding:3px 6px; text-align:center; margin:2px 0}*/
	
}


/*
文字強迫換行 word-break: break-all;
依單字換行 word-wrap:break-word;
死都不換行 white-space:nowrap;
*/

#tb_box td.nowrap { white-space:nowrap }



/*表格-inquiry*/
ul.table2 {	margin: 0;
			padding: 0;
			list-style: none;
}

/*48% */
ul.table2>li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;	
		float:left;
		text-align:left;
		vertical-align: middle; /*td內容上下致中*/
		border-bottom:1px solid #ccc;
		width:48%;
		padding:12px 0;		
		}
ul.table2>li:last-child  { border-bottom:0; }	
ul.table2>li:nth-child(odd) { margin-right:4% }	

/*
ul.table2>li>div { width:20%; float:left }
ul.table2>li>div:nth-child(even) { width:80%; }
*/
ul.table2>li>div { width:136px; display: inline-block; }
ul.table2>li>div:nth-child(even) { width:auto; }

ul.table2>li>div>input, ul.table2>li>div>select, ul.table2>li>div>textarea { padding: 0px 3px; width:100% }
ul.table2>li>div>input.inpu_w { width:auto }

ul.table2>li>div>.img { width:auto; }
ul.table2>li>div.gr>input { width:auto; }
ul.table2>li>div > label { padding-right: 18px; }
ul.table2>li>div > label > input { padding-left: 6px;}

/*100% */
ul.table2>li.w { width:100%;}
ul.table2>li.w>div { width:136px; display: inline-block; vertical-align:top }
ul.table2>li.w>div:nth-child(even) { width:auto;  display: inline-block }

ul.table2>li.w_ { width:100%; border-bottom:0;  margin-top:2em }
ul.table2>li.w_>div {  width:100%; }

@media (min-width: 768px) and (max-width: 1024px) {
	ul.table2>li>div { width:auto; display: inline-block; padding-right: 8px;}
	ul.table2>li>div:nth-child(1):after { content:":"; display:inline-block; padding-left:4px; }	
	ul.table2>li>div:nth-child(even) { width: auto; }
	ul.table2>li.w>div { width:auto; }

}

/*最新消息-聯絡我們*/	
ul.table2>li.w:last-child  {border-bottom:1px solid #ccc; }	

/*多屬性*/
ul.table2>li.backg>div {padding-left:10px;}
ul.table2>.backg:nth-child(odd)  { background: #f2f2f2;}	 /*需要底色者*/

@media only screen and (max-width:768px ){
ul.table2>li { width:100%;}
ul.table2>li:nth-child(odd) { margin-right:0}
ul.table2>li>div { width:auto; padding-right:8px}
ul.table2>li>div:nth-child(1):after { content:":"; display:inline-block; padding-left:4px}
ul.table2>li>div:nth-child(even) { width:auto; }

}
@media only screen and (max-width:568px ){
ul.table2>li>div>.img { width:200px}
}



/*solution ===============================================*/
/*48% */
ul.table3 {	margin: 0;
			padding: 0;
			list-style: none;
}
ul.table3>li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;	
		float:left;
		text-align:left;
		vertical-align: middle; /*td內容上下致中*/
		width:48%;
		}
ul.table3>li:nth-child(odd) { margin-right:4%}

@media only screen and (max-width:568px ){
ul.table3>li { width:100%;}
ul.table3>li:nth-child(odd) { margin-right:0}
ul.table3>li>div>img { width:100%;}
}


/*tws-pic*/
.twspic { width: 100%}
.twspic>.pic_s { width:40%; float: left }
.twspic>.pic_s>a { display: block; width:120px; height: 80px; float: left; margin:2px; overflow:hidden; transition:all 0.5s ease; }
.twspic>.pic_s>a>img { width:100%; height:auto; transform:scale(1); transition:all 0.5s ease;}
.twspic>.pic_s>a:hover img{transform:scale(1.1);}

.twspic>.pic_b { width:60%; float: left}
.twspic>.pic_b>img { width:100%; }

@media only screen and (max-width:568px ){
	.twspic>.pic_s { width:100%; float: none}	

	.twspic>.pic_s>a { 
		width: 100%;	
		height: auto;
        display: block;
		text-align:left;
		margin-bottom:2em;  
		} 
	
	.twspic>.pic_b { display: none}	
}




ul.manitem {
    padding:0;	list-style-type: none;	margin-bottom:0em;/*空一行*/
}
ul.manitem>li { 
		width: 30%;	
        display: inline-block;
        vertical-align: top;
		height:100%;
		text-align:left;
		margin-right:4%;
		margin-bottom:1em; /*空一行*/
		box-shadow: 0px 0px 6px #ccc;
		border-radius:10px;
		}
ul.manitem>li:nth-child(3n+0) { margin-right:0;} 
ul.manitem>li>a { display:block; background:#E0FCFC ; transform:scale(1); transition:all 0.5s ease; padding-left:50px; border:1px solid #ccc; border-radius:10px; padding:5px 10px; overflow:hidden;   }
ul.manitem>li>a>div {  margin-left:40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
ul.manitem>li:hover>a { transform:scale(1.1); }




ul.manitem>li>a.pic_ { display:block; background:#E0FCFC ; background-image:none; padding:0px; border:1px solid #ccc; border-radius:10px; /*min-height:100px;*/ overflow:hidden; transform:scale(1); transition:all 0.5s ease; width:100%;  }

ul.manitem>li>a.pic_>img { width:100%; height:auto;}
ul.manitem>li>a.pic_>div {
	margin-left:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	 display: inline-block; width:100%; min-height:30px; position: relative; padding:0 10px;}

ul.manitem>li:hover>a.pic_ { transform:scale(1.1); }


@media only screen and (max-width:568px ){
ul.manitem>li { 
		width: 48%;	
        display: inline-block;
        vertical-align: top;
		height:100%;
		text-align:left;
		margin-right:2%;
		margin-bottom:1em; /*空一行*/
		
		}
ul.manitem>li:nth-child(3n+0) { margin-right:2%; } 
ul.manitem>li:nth-child(2n+0) { margin-right:0; } 
}


ul.manitem2 {margin: 0;
			padding: 0;
			list-style: none;
}
ul.manitem2>li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;	
		float:left;
		text-align:left;
		vertical-align: middle; /*td內容上下致中*/
		width:23%;
		margin-right:2%;
		border-radius:5px;
		 overflow: hidden;
		 line-height:100%; 
		 padding:10px 5px;
		 white-space: nowrap;
		 text-overflow: ellipsis;	
		 background:#E0FCFC;	 
	 
				}
@media only screen and (max-width:568px ){
ul.manitem2>li {
		width:44%;
		margin:0 3% 20px 3%;
		}
}




/*最新消息=====================================================================*/
.m_news_page>ul { padding:0 0px; list-style:none  } 
.m_news_page>ul>li { padding:0;}
.m_news_page>ul>li.item { float:left; width:100%; }
.m_news_page>ul>li>a { color: #555; white-space: nowrap; width:100%; display:block; overflow: hidden; text-overflow: ellipsis; text-decoration:none }
.m_news_page>ul>li>a:before{ content:"\f0da"; font-family:FontAwesome; padding-right:10px; color:#286090;}
.m_news_page>ul>li>a>span { display: inline; padding-right:15px; color:#286090; }
.m_news_page>ul>li>a.uline { border-bottom:1px solid #ccc; font-size:1.2em; white-space: normal; overflow: auto; margin-bottom:1em; padding-bottom:1em;}
.m_news_page>ul>li>a.uline:before { display:none}

@media only screen and (max-width:568px ){
.m_news_page>ul>li>a {white-space: normal; overflow: auto; border-bottom:1px solid #ccc; padding:6px 0}	
.m_news_page>ul>li>a:before { display:none; }
.m_news_page>ul>li>a>span { padding-right:0px; display:block }
}


/*頁面滾動出現按鈕*/
.popup.active {
   -webkit-transform: translateY(0);
   transform: translateY(0);
}

.popup {
   background:#000 ;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   position: fixed;
   bottom: 0;
   left: 0;
   /*right: 0;*/
   z-index: 99999999999;
   width:50px; 
   height:50px;
   border-radius:50%;
   margin:0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
   cursor: pointer;
}
.popup a { color:#fff }

/*申聘注意事項*/
#accordion .panel .panel-body h4 { 
	font-weight: bold;
	color:#2370cc
}

.row2{
display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap; 
}

.section{
    padding: 70px 0;
    position: relative;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}


nav.navbar.bootsnav.lingnavbar .container {
		width:100%
	}
.navbar>.container .navbar-brand {
		margin-left: 0px;
	}


.list-inline_ling a  {text-decoration: none; }

.list-inline_ling .icon {
	background: #2370cc;
	padding:0 6px;
	color:#fff;
	border-radius: 5px;
}
.list-inline_ling .icon:hover {
	color:#fff;
	text-decoration: underline
}

@media (min-width: 993px) {
	nav.navbar.lingnavbar .navbar-brand{
		max-width:737px;
        max-height:101px;
        height: 101px;
        position: relative;
    }	

	nav.navbar.bootsnav.lingnavbar .container {
		width:100%
	}
	
	.navbar>.container .navbar-right{
		margin-right: -30px;
	}

    .navbar-center {
        display: inline-block;
        float: none;
        vertical-align: top;
    }      

    .navbar-collapse-center {
        text-align: center;
        padding: 0;
    }
   
    nav.navbar.lingnavbar ul.nav {        
        width: 100%;
        padding: 0;
        margin: 0;
    }
    nav.navbar.lingnavbar ul.nav > li {
        width: 10%;
        background-color: #01005D;
        border-radius: 15px;
    }
    nav.navbar.lingnavbar ul.nav > li > a {	
        color: #fff;
        font-size: 1.2em;
        padding: 15px 0;
        display: block;
        height: 50px;
        text-align: center;
    }
	
	nav.navbar.lingnavbar ul.nav > li.dropdown > a.dropdown-toggle:after {
        margin-left:0;
	}
	nav.navbar.lingnavbar ul.navbar-right li.dropdown ul.dropdown-menu li a {
		text-align: left
	}
	nav.navbar.lingnavbar li.dropdown ul.dropdown-menu{
		width: inherit;
	}
	nav.navbar.lingnavbar .navbar-right .dropdown-menu {
		right: inherit;
	}
	
	
    .pageheader { 
        position: absolute;
        top: 25px;
        right: 15px;
        z-index: 11;
    }
	.pageheader .list-inline_ling { 
        margin:12px 0;
     }
	.pageheader a{ 
        color: #01005D;
        font-size: 1.2em;
        font-weight: bold;
        padding-left: 15px;
    }
        
    nav.navbar.bootsnav.lingnavbar{
		background-color: #fff;
        border-bottom: 1px solid #fff;
	}

	
	nav.navbar .navbar-brand img.logo{
        max-width:540px;
		max-height:98px;
		width: 100%;
		height: auto;
    }	

    nav.navbar.lingnavbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
		font-size: 1em;
		min-width:220px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
	nav.navbar.bootsnav.lingnavbar .attr-nav  {
		display: none
	}
	
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}



@media (max-width: 992px) {
    /* Navbar General ------*/
    .pageheader { 
        position: relative;
        background-color: #01005D;
    }
    .pageheader a { 
        color: #fff;
    }

    .pageheader .list-inline_ling { 
        list-style: none;
        width: fit-content;
        margin: 0 auto;
        display: list-item;
     }

    .navbar-center {
        display: initial;
        float: initial;
        vertical-align: initial;
    }      

    .navbar-collapse-center {
        text-align: initial;
        padding: initial;
    }

    
	nav.navbar.bootsnav.lingnavbar .navbar-nav { background: #01005D } 
	nav.navbar.bootsnav.lingnavbar .container {
		width:100%
	}
	
	nav.navbar.bootsnav.lingnavbar {
		background: #fff;
	}
	
	nav.navbar.bootsnav.lingnavbar .navbar-toggle {
		background-color: transparent;
		top:10px;
		color:#01005D;
	}
	
	nav.navbar.bootsnav ul.nav > li > a {
		color: #fff;
		font-weight: bolder;	
	}
	
	nav.navbar.bootsnav.lingnavbar .navbar-toggle:hover {
		color:#01005D;
	}
	
	nav.navbar.lingnavbar .attr-nav > ul > li > a {
		color:#fff		
	}
	
	nav.navbar.lingnavbar .attr-nav > ul > li > a:hover {
		color:#4bf4ff
	}
	
	
	
	nav.navbar.bootsnav.lingnavbar ul.nav li.dropdown ul.dropdown-menu > li > a {
		color:#fff;
		font-size: 1.3em;
	}
	
	nav.navbar.bootsnav.lingnavbar ul.nav li.dropdown ul.dropdown-menu > li:hover > a { color:#4bf4ff}
	
	
    nav.navbar.lingnavbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: 6px;
		width: 70%;
		padding:0;
		height: 60px;
		bottom:0;
		background:url(../images/logo2_.png) center no-repeat;
		background-size: contain;
    }
    
    nav.navbar .navbar-brand img.logo{
        display: none
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 0px 12px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
	
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #01005D;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 993px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
	.attr-nav > ul > li > a{
        padding: 16px 10px 10px 15px;
    }
}


@media (max-width: 568px)  {
    nav.navbar.lingnavbar .navbar-brand{
        background:url(../images/logo2_s.png) center no-repeat;
        background-size: contain;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,{
    color: #fff ;
}


nav.navbar li.dropdown ul.dropdown-menu > li a:hover { 
    color:#1974c5;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #fff ;
}


@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}



/*Border=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #166ec5 !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}