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

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

html { margin:0 auto; }


body { 
	font-family: 'Noto Sans TC', sans-serif; 
	font-size:100%; 
	font-size:18px; 
	line-height:180%; 
	color:#333;
	max-width:1920px; 
	height:100%; 
	background:#fff;
}

@media (max-width:991px){
body { font-size:20px; line-height:200%; }
}

a {
    color: #333;
	text-decoration: none;
}
a:focus, a:hover {
    color: #E91273;
    text-decoration: underline;
}

/*內頁-勿設高度, 因為與頁尾有關係*/
footer {background: #D23B79; clear:both; min-height:180px; padding: 2em 1em; color: #fff }
footer address {margin-bottom:0 }
footer address p, footer h3, footer address a.lk {color: #fff}
footer address span { display:block; width:100% }
footer address span>span { display:inline-block; width:auto; padding-left: 15px;}

@media only screen and (max-width:568px){	
footer address span>span { display:block; width:100%; padding-left:0px;}
}


 
@media print {
    a[href]:after {
      content: none !important;
   }
   .wrap-sticky nav.navbar.bootsnav.lingnavbar {
	   width:992px;
	   display:block;
	   border-bottom:none;
	}
	nav.navbar.lingnavbar .navbar-brand img.logo { display:block;  }
	
	/*logo-top*/
	nav.navbar.lingnavbar .navbar-brand{
		width: 100%;
		margin-top: -30px;
		padding: 15px 0;
		position: absolute;
		background: none;
		display:block !important;
    }	
	nav.navbar .navbar-brand img.logo{
		display:block !important;
		width:70%;
    }
	nav.navbar.bootsnav.lingnavbar .navbar-toggle > i {
		display:none !important;
	}
	nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a {
		display:none !important;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left;
	}
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666666666666%;
	}
	.col-sm-10 {
	  width: 83.33333333333334%;
	}
	.col-sm-9 {
	  width: 75%;
	}
	.col-sm-8 {
	  width: 66.66666666666666%;
	}
	.col-sm-7 {
	  width: 58.333333333333336%;
	}
	.col-sm-6 {
	  width: 50%;
	}
	.col-sm-5 {
	  width: 41.66666666666667%;
	}
	.col-sm-4 {
	  width: 33.33333333333333%;
	 }
	 .col-sm-3 {
	   width: 25%;
	 }
	 .col-sm-2 {
	   width: 16.666666666666664%;
	 }
	 .col-sm-1 {
	  width: 8.333333333333332%;
	 }

	
}


.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}

/*內頁區塊========================================================*/
.contain_right{ width:100%; }

.toaffix{
	display: none;
	width: 100%;
	height: 0px;  /*文字不要被壓到*/
}

.affix + .toaffix{
	display: block;
	clear: both;
}	

.mynav {
	transition: .5s;
	top: 0px;
	right:15px;
}


.contain_right {min-height:calc(100vh - 280px);}

article.hright { padding:2em 0 0 0} /*home*/

@media (min-width: 992px){
	aside.ling-left { padding-top: 2em;}
	article.ling-right>.contain_right {  padding-top: 2em;  }
}

@media (max-width: 991px){
	aside.ling-left { display:none; }
	article.ling-right { width:100%;  }
	article.ling-right>.contain_right{ width: 100%; }
	.contain_left { display: none; }
	.contain_right{  padding:2em 2% 2em 2%;  float: none; clear:both; margin: 0; }
}


/*首頁下方*/

.carousel-fade{
	background-color: #FFF0F4;
}
/* .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;
}

.carousel-fade:after {
	content:"";
	display:block;
	height:20px;
	background: rgb(193,193,193);
	background: -moz-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ffffff',GradientType=0 );
} */

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

.boxshad {  
	padding:15px; 
	border:2px solid #F784B7  ;
	box-shadow:2px 2px 7px rgba(186,165,156,0.2) inset;
	box-shadow: 5px 5px 5px rgba(186,165,156,0.2);
	margin-bottom: 2em;
	min-height: 213px;
 }
 
.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%; }



/*靠左中右========================================================*/
.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;  }
/*#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:#FD6266; color:#0060AF;   }
#left .ourproduct>a {  }
#left .ourproduct:hover { background:#ccc; transition:all .3s; color:#0060AF;} /*滑入*/
#left .ourproduct:hover>a {color:#0060AF}

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


/*第二層 中分類*/

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

#left div.class12>a:before{ 
		font-family: 'FontAwesome';
		content:"\f0da";
		display:inline-block;
		position:absolute;	
		left:10px;		
		height:0;
		line-height:0;
		top:50%	
}
#left .class1 {  background:#FFF0F4; }
#left .class1>a { color:#333  }
#left .class1:hover { background:#F784B7; transition:all .3s; } /*滑入*/
#left .class1:hover a {color:#fff; text-decoration:none}

#left .class12{   background:#F784B7; } /*選到*/
#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:#F6F6F6;}
#left div.class2, div.class22 { padding:0px 10px 0 15px; border-radius:0px; }
#left .class2 { background:#F6F6F6; color: #4C4C4C; }
#left .class2>a  { color: #4C4C4C; }
#left .class2:hover { background:#F6F6F6; transition:all .3s; color:#990000;} /*滑入*/
#left .class2:hover>a {color:#990000;}

#left .class22 { background:#F6F6F6; color:#990000; } /*選到*/
#left .class22>a { color:#990000;}
#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_news ul { padding:0 0px; list-style:none  }
.m_news ul>li { padding:0;}
.m_news ul>li.item { float:left; width:100%; }
.m_news ul>li>a { color: #333; white-space: nowrap; width:100%; display:block; overflow: hidden; text-overflow: ellipsis; text-decoration:none }
.m_news ul>li>a:before{ content:"\f0da"; font-family:FontAwesome; padding-right:10px; color:#A82024;}
.m_news ul>li>a>span { display: inline; padding-right:15px; color:#A82024; }

@media only screen and (max-width:768px ){ 
.m_news ul { padding:0; }
.m_news ul>li { padding:10px 0;}
.m_news ul>li.item { list-style-type:none; border-bottom:1px solid #ccc }
.m_news ul>li:nth-child(n+3) { display:none}
.m_news ul>li>a { white-space: normal; overflow: inherit; text-overflow: clip;}	
.m_news ul>li>a:before{ display:none}
.m_news ul>li>a>span {display: block; width:100%; padding-right:0;}
}*/

.m_h-new {
	padding:15px; 
	border: 2px solid #F784B7;
    box-shadow: 2px 2px 7px rgba(186,165,156,0.2) inset;
    box-shadow: 5px 5px 5px rgba(186,165,156,0.2);
    margin-bottom: 2em;
    min-height: 60px;
    overflow: hidden;
}

.m_h-new .hi {
	margin:0;
}

.m_h-new .hi>.div2 {
    float: left;
    width: auto;
	font-weight: bold;
	padding-left: 15px;
}

.m_h-new .hi>.div2 a { 
	color:#B200B2; 
	font-size: 22px; 
}

/*首頁-聯絡我們*/
.m_contact > .name { 
	font-size:1.5em; 
	line-height:none; 
	font-weight:bold; 
	color:#E90D6F; 
	padding:0px 0px 5px 0px;
}

@media only screen and (min-width:992px ){ 
	.m_contact .emailling { display:block }
	.m_contact .urlling { display:block }
	.m_contact .emailling2 { display:none }
}
@media only screen and (max-width:1200px  ){ 	
	.m_contact .urlling { display:none }
}
@media only screen and (max-width:991px ){ 
	.m_contact .emailling { display:none }
	.m_contact .emailling2 { display:block }
}

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

/*麵包屑路徑seo*/
article.ling-right .part_breadcrumb {
	margin-bottom: 30px;
}

article.ling-right .part_breadcrumb > .menu_bread_crumb > div {
	float:left;
	display:inline-block
}

article.ling-right .part_breadcrumb > .menu_bread_crumb > div a { color:#666; text-decoration:none}
	
.menu_bread_crumb > div +  div:before{
			content: ' > ';
			padding:0 0.5em;
}


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

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

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



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

/*標題外框設計*/
.hi { clear:both; width:100%; padding:3px 0; margin-bottom:10px; }
.hi > .div1 {
    background: url(../images/item_home.png) left center no-repeat;
    padding-left: 40px;
    background-size: 30px;
  }
.hi>.div1>h2 { color: #D23B79; }
.hi>.div1>h2>span { /*color:#FD6266*/ }
.hi>.div1 { float: left; width: auto; }
.hi>.div2 { float: right; width: auto }


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

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;}

.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:#FD6266; padding-right:10px}

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

/*小尺寸 - home & inquiry*/
.but_s { padding:1px 12px; cursor:pointer; transition:all .3s; border:none; 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; cursor:pointer; transition:all .3s; border:none; 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:#A82024; color:#fff; } /*深藍底*/
.but0:hover { background:#FD6266; 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:#FD6266; color:#fff; } /*天藍底*/
.but1:hover { background:#A82024; 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:#FD6266; color:#fff;}/*天藍底*/

/*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}


/*頁尾按鈕=========================================================================*/
#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: #FD6266; border:1px solid #FD6266; } /*天藍底*/
.but3:hover { background:#fff; color:#FD6266; border:1px solid #FD6266;}/*白底*/
a.but3 { color:#fff;}

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


/*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, .contain_right 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: #FD6266}

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;}
}


/*inline-block -3 欄位, chufon ===================================================開始*/
ul.p_item3{
    padding:0;	list-style-type: none;	margin-bottom:0em;/*空一行*/
}
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(3n+0) { margin-right:0;} 
ul.p_item3>li>div>a>img	{ width:100%; /*border-radius: 5px 5px 0 0;*/ }
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:568px ){
ul.p_item3>li { width:100%; margin-right:0; min-height:auto; _height: auto; }
}



/*產品版影片顯示區.....................................................................................*/
#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%;
}




/*產品頁頁簽======================================*/
#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: #333;
		border: 1px solid #fff;
		text-decoration: none;
	}
#tabl ul.tabs li a:hover {
		background: #FD6266; color: #fff
	}
#tabl ul.tabs li.active  {
		background: #fff;
		border-bottom: 1px solid #fff;
	    color:#FD6266;
	}
#tabl ul.tabs li.active a {color:#FD6266;}

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

#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:#A82024 }




#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: #FFCCCC;
    /*color: #A82024;*/
	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:#FD6266;
}	
#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: #A82024;
    color: white;
}

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

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

.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 { 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: #FFCCCC;
    /*color: #A82024;*/
	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:568px){
#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: block; width: 100%; color:#A82024; 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>input, ul.table2>li>div>select, ul.table2>li>div>textarea { padding: 0px 3px; width:100% }
ul.table2>li>div>.img { margin-top:5px }
ul.table2>li>div.gr>input { width:auto }
ul.table2>li>div.gr>input:nth-child(even) { margin-left:4% }	

/*100% */
ul.table2>li.w { width:100%; }

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

/*最新消息-聯絡我們*/	
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:100%; float:none}
ul.table2>li>div:nth-child(even) { width:100%; }
ul.table2>li>div>.img { width:50%}
}
@media only screen and (max-width:568px ){
ul.table2>li>div>.img { width:100%}
}



/*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: #333; 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:#A82024;}
.m_news_page>ul>li>a>span { display: inline; padding-right:15px; color:#A82024; }
.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 }


/*ie用  width:50%; /*Firefox */
/*ie用  width:50% \9; /*IE8 */
/*ie用  *width:50%; /*IE7 */
/*ie用  _width:50%; /*IE6 */
.webtest { position:absolute; position:fixed; right:0; padding:10px 20px; bottom:0; border:0; color:#fff; background:#FF5F62; font-family:'Noto Sans TC', sans-serif;}/*
Typography
=========================== */
.section{
    padding: 70px 0;
    position: relative;
}

.wrapper .wrap-sticky  { max-height:170px;}

nav.navbar.lingnavbar ul.nav.lingnav li.sm-show {  display:none}
nav.navbar.lingnavbar 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:991px){
    nav.navbar.lingnavbar ul.nav.lingnav li.sm-show { display:block }
    nav.navbar.lingnavbar ul.nav.lingnav li.md-show { display:none }

    nav.navbar.lingnavbar .attr-nav>ul>li.fb, nav.lingnav .attr-nav>ul>li.text{ 
        display:none 
    }

    nav.navbar.lingnavbar .attr-nav>ul>li.side-menu { 
        display: block
    }

    nav.navbar.lingnavbar .side { display:block;}

    nav.navbar.lingnavbar .side .widget .title {
        font-size: 1em;
    }

    nav.navbar.lingnavbar .side .widget h6, 
    nav.navbar.lingnavbar .side .widget .link li, 
    nav.navbar.lingnavbar .side .widget .link li a { 
        color:#fff;
        font-size: 0.9em;
    }

    .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
    }

}


/*Navbar Adjusment=========================== */
.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;
}

.wrap-sticky nav.navbar.bootsnav.lingnavbar {
	width: 100%;
    left: inherit;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdd7e6+0,ffffff+100 */
background: rgb(253,215,230); /* Old browsers */
background: -moz-linear-gradient(top, rgba(253,215,230,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(253,215,230,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(253,215,230,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd7e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


nav.navbar.bootsnav.lingnavbar >.container .navbar-brand {
	margin-left: inherit;
}

.pageheader{
	text-align: right;	
	background: #D23B79;
	color:#fff;
	padding-right: 18px;
}
@media (min-width: 1200px) {
    nav.navbar.lingnavbar ul.nav > li > a{
        padding: 30px 15px;
    }
}

@media (max-width: 1200px) {     
    nav.navbar.lingnavbar .navbar-brand img.logo{
        width: 380px;
    }    
    nav.navbar.lingnavbar .navbar-brand {
        top: -13px;
        left: 15px;
    }
}
@media (max-width: 568px) {     
    nav.navbar.lingnavbar .navbar-brand img.logo {
        width: 300px;
    }   
    nav.navbar.lingnavbar .navbar-brand {
        top: -6px;
    }
}


@media (min-width: 992px) {
    /* Navbar General ------*/
    nav.navbar.lingnavbar ul.nav > li > a{
        padding: 30px 6px;
        font-weight: 600;
        color: #000;        
        font-size: 0.95em;
    }
    
    nav.navbar.lingnavbar .navbar-brand{
        margin-top: -10px;
    }



    nav.navbar.lingnavbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* 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;
    }
    
    /* 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: 991px) {
    .pageheader {
        text-align: center;
    }
    .pageheader span{
        display: none;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 200px;
    }
    
    .attr-nav > ul > li > a{
        padding: 13px 15px;
        color:#333;
    }
	
	nav.navbar.bootsnav.lingnavbar .navbar-collapse {
		background:#D23B79;
		margin: 0 -15px;
    }
		
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }

    nav.navbar.bootsnav.lingnavbar .navbar-toggle {
        background-color: transparent;
    }
	
	nav.navbar.bootsnav.lingnavbar ul.nav > li > a {
        color:#fff;        
        font-size: 1em;
    }
    
    nav.navbar.bootsnav.lingnavbar ul.nav li.dropdown ul.dropdown-menu > li > a {
        color:#fff;
        font-size: 1.3em;
    }
    
    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;
    }
	
	
    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, 
    nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
		color:#fff 
		}
	
	
}

/* 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: #999;
}

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: 992px) {
    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: 991px)  {
    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;
    }
}

/*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,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #D23B79;
}

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: #D23B79 !important;
}

@media(max-width:991px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #D23B79 !important;
    }
	
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover,
	.attr-nav > ul > li > a:hover,
	.attr-nav > ul > li > a:focus { 
		color: #D23B79
	 }
		
	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,	
	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,
	nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
		color: #fff;
	}
	
	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 !important;
	}
}

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

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #D23B79 !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: #D23B79;
}

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