@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 { max-width:1300px; margin:0 auto; background:#ddd }

.wrap-sticky { max-height:70px;}

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

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

/*內頁-勿設高度, 因為與頁尾有關係*/
footer {background: #CC3366; 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;}

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


 
@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{
		width: auto;
		margin-top: -90px !important;
		padding: 0px 0;
		position: absolute;
		background: none;
		display:block !important;
    }	
	
	nav.navbar.lingnavbar .navbar-brand img.logo { 
		display:block !important;
		width:300px;
	}
	
	
	nav.navbar.bootsnav.lingnavbar .navbar-toggle > i {
		display:none !important;
	}
	nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a {
		display:none !important;
	}
	
}


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

/*內頁區塊========================================================*/
aside { padding-top: 2em;}
article {  padding-top: 2em;  }



/*靠左中右========================================================*/
.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 } /*常用-段落*/


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

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

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

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

img, p>img, div>img { width:100%; height:auto }

.imgno_w { 
	max-width: 567px;
	max-height: 85px;
	width: 567px;
	height: 85px;
}

@media screen and (max-width:992px){
	.imgno_w { width: 100%; }
}

.shadow { 
	-webkit-box-shadow: 3px 3px 10px #999; /*陰影*/
	box-shadow: 3px 3px 10px #999; 
} 


.ex { color:#CC3300; } /*說明 or 星號*/
.company-iq-removeBasket { cursor: pointer;  } /*inqiury 刪除按鈕*/

/*詢問 inquiry*/
.form_contact div { margin-bottom: 20px; position: relative;}
.form_contact div > span{position:absolute;top:1px;right:17px;width:0px;height:0px; border-style:solid;border-width:0 40px 40px 0;border-color:transparent #e7e7e7 transparent transparent}
.form_contact div > span:after{content:'*';display:block;position:absolute;z-index:1;right:-38px;top:-1px;text-align:right;font-size:2.5em;line-height:1; color: red}



/*頁面滾動出現按鈕*/
.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 }

/*測試字樣*/
.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;}


aside.ling-left, article.ling-center, aside.ling-right { 
	display: block; 
	float: left; 
	padding: 2em 15px; 
}
article.ling-center.wid80 { width: 80%; }
article.ling-center.wid100 { width: 100%; }
aside.ling-left, aside.ling-right { width: 20%; }
article.ling-center { width: 60%;  }


@media screen and (max-width:991px){
	aside.ling-left { display: *none; float: *right; width: 15%; padding: 2em 15px; }
	article.ling-center { width: 70%; padding: 2em 15px 0 15px; }
	aside.ling-right { width: 15%; padding: 2em 15px; }
}

@media screen and (max-width:768px){
	 aside.ling-left,
	 article.ling-center,
	 article.ling-center.wid80, 
	 aside.ling-right { 
		 width: 100%; float: none
	}
	aside.ling-left {
		padding: 2em 15px 0 15px;
	}
	aside.ling-left a:nth-child(n+1) { margin-bottom: 0; }
	.ling-left > a:nth-child(n+2) {
		display: none;
	}
}


/*頁尾按鈕*/
.bottom_icon { display: none }

.input_wno { width: auto }

@media screen and (max-width:991px){
	.bottom_icon{ 
		display: block;
		position: absolute; 
		position: fixed; 
		z-index: 10; 
		bottom: 0; 
		left:0; 
		right:0; 
		background: #FFBFBF;
		padding:6px;
	}
	.bottom_icon a { color:#CC3366; }
}

@media screen and (max-width:568px){
	.bottom_icon a { font-size:   }
}

/*中間區===========================================*/

/* 左選單 */
.banner-left.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.banner-left.carousel-fade .carousel-inner .item img { 
	margin:0 auto
}

.banner-left.carousel-fade .carousel-inner .item,  
.banner-left.carousel-fade .carousel-inner .active.left,  
.banner-left.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.banner-left.carousel-fade .carousel-inner .active,  
.banner-left.carousel-fade .carousel-inner .next.left,  
.banner-left.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.banner-left.carousel-fade .carousel-inner .next,  
.banner-left.carousel-fade .carousel-inner .prev,  
.banner-left.carousel-fade .carousel-inner .active.left,  
.banner-left.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.banner-left.carousel-fade .carousel-control {
	z-index: 2;
	background: none;
}
.banner-left.carousel-fade .carousel-indicators{
	display: none;
}


/*首頁下方分區廣告*/
article.ling-center.home .panel.panel-default { border: initial;  }
article.ling-center.home .panel.panel-default>.panel-heading { 
	padding: 0; 
	background-color:initial; 
	border:none;
	margin-bottom: -2px;
}
article.ling-center.home .panel.panel-default .panel-heading h3 { 	
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FF9999+0,fcf7c9+100 */
	background: #FF9999; /* Old browsers */
	background: -moz-linear-gradient(top, #FF9999 0%, #FFFFFF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF9999 0%,#FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF9999 0%,#FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9999', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	padding:8px 36px;
	width: auto;
	border-radius: 15px 15px 0 0;
	display: inline-block
}

article.ling-center.home .panel.panel-default .panel-heading > span { padding-left: 15px; }
article.ling-center.home .panel.panel-default .panel-heading .panel-title {
	color: #990000;	
	font-size: 1em;
}

article.ling-center.home .panel.panel-default .panel-body{
	border:1px solid #eee;
}



/*分區頁 sub_zone.php 搜尋 bar*/

.search_bar {
	border:1px solid #BB6CA2;	
	border-radius: 5px;
	padding:15px 0px; 
	text-align: center;
}
.search_bar h3 {
	color: #555;
}
.search_bar .form-group.h3 { 
	display: inline-block;
	padding-right: 15px;
	border-right:3px solid #ccc;
	padding: 5px 10px;
	margin: 0 15px 0 0;
	line-height: 1.3em;
}
.search_bar .form-group.h3 span { 
	width: 100%;
	display: block;
 }

 .search_bar .form-group.bottom { vertical-align: bottom; }

article.ling-center .search_bar label { 
	color:#555; 
	font-size: 1em;
	margin-bottom: 0;
	font-weight: initial;
	display: block;
	width: 100%;
	text-align: left;
} 


article.ling-center .search_bar .btn_search > p { 
	position: relative; 	
	padding:0 15px; 
	background:#fff;
	width:100px;
	margin: 0 auto;
}

article.ling-center .search_bar .btn_search > p > .btn.search {
	background: #CC3366;
}


@media screen and (max-width:767px){
	.search_bar .form-group.h3{
		padding-right: 0;
		border-right:0;
		padding:0;
		margin: 0;
	}
	.search_bar .form-group.h3 span { 
		width: initial;
		display: initial;
	}

	article.ling-center .search_bar label { 
		display: inline-block;
		width: 30%;
		text-align: left;
	} 
	article.ling-center .search_bar	.form-control{
		display: inline-block;
		width: 60%
	}
}



/*右方區塊 =============================================================*/

aside.ling-right .input-group-btn:last-child>.btn, 
aside.ling-right .input-group-btn:last-child>.btn-group {
	margin-top: -6px;
}

aside.ling-right .panel.panel-default .panel-heading { 
	color: #fff;
	background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd496d+0,f78f91+99 */
background: #dd496d; /* Old browsers */
background: -moz-linear-gradient(top, #dd496d 0%, #f78f91 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dd496d 0%,#f78f91 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dd496d 0%,#f78f91 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd496d', endColorstr='#f78f91',GradientType=0 ); /* IE6-9 */
}



@media screen and (min-width:992px){
	aside.ling-right .input-group-btn:last-child>.btn, 
	aside.ling-right .input-group-btn:last-child>.btn-group {
		margin-top: 0px;
	}
}

.h2 span, .h3 span, .h2.title { color: #C00; }

.text-primary { color:#8C0000; }
.text-co1 { color: #8C0000; line-height: 1.2em }

@media screen and (max-width:767px){
	.h3 span { 
		display: inline-block; 
	}
}

/*
.list thead > tr{
	background-color: #FFBFBF;
}*/
.list thead > tr > th{
	font-size: 0.85em;
}
.list tbody > tr > td { 
	font-size: 0.7em;
}

.list tbody > tr > td > span + span:before{
	content: '';
	display: block;
	width: 100%;
}

/*等級*/
.list tbody > tr > td > span.grade {
	display: block;
}
.list tbody > tr > td > span.grade img {
	max-width: 40px;
}

.list tbody > tr > td:nth-child(2) {
	width: 15%;
}
.list tbody > tr > td:nth-child(3) {
	width: 20%;
}
.list tbody > tr > td:nth-child(3) a {
	text-decoration: underline;
}

.list tbody > tr > td:nth-child(4) {
	width: 30%;
}


.table thead tr th, .table tbody tr th {
	background-color:#FFDED2; 
}
.table-color0 tbody tr th{
	background-color:#eee; 
}

.table tbody tr td.logo > img { width: 100% }
.table tbody tr td img { width: auto }

.list tbody > tr > td.com_url .list-unstyled li {
		white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    width: 250px;
	    display: inline-block;
	    vertical-align: bottom;
	    font-size: 0.9em;
	}


@media screen and (max-width:767px){
	
	.table-rwd { border: none; }
	.table-rwd thead, .table-rwd tbody th{
		display: none;
	}
	.table-rwd tbody tr{
		display: block;
		margin-bottom: 20px;
		border:1px solid #ccc;
	}

	.table-rwd tbody tr th {
		background-color:#FFDED2; 
	}

	.table-rwd tbody tr td,
	.list tbody > tr > td,
	.list tbody > tr > td:nth-child(2),
	.list tbody > tr > td:nth-child(3),
	.list tbody > tr > td:nth-child(4){
		display: block;
		width: 100%;
		border: none;
	}
	.table-rwd tbody td:before{
		content: attr(data-xxx) ' : ';
		color: #8C0000;
	}
	.table-rwd tbody td.logo:before{
		display: none
	}
	
	.list tbody > tr > td > span.grade { display: inline; }
	.list tbody > tr > td { 
		font-size: 1em;
	}
}

@media screen and (max-width:991px){
	.table-norwd { 
		overflow-x: auto; 
	 }
}



/*公司廣告頁 - 公司基本資料*/
.company_home .company_info h3.name{
	margin-top: 0;
}

.company_home .tab-content .tab-pane.item img { width: auto; }
.company_home .tab-content .tab-pane.item .img_w { width: 100%; }

@media screen and (max-width:767px){
	.company_home .company_info .thumbnail { display:inline-block }
	.company_home .company_info .thumbnail > img { width: auto}
}




#custom_carousel .item {
    color:#000;
    background-color:#FFF9E1;
    padding:20px;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background: #EEEEEE;
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px;
}
#custom_carousel .controls li a { color: #666; }
#custom_carousel .controls li.active {
    background-color:#FFF9E1;
    border-top:3px solid #CC3366;
}
#custom_carousel .controls li.active a {
	color: #CC3366;
}

#custom_carousel .controls .nav>li>a:focus, 
#custom_carousel .controls .nav>li>a:hover{
	background-color: transparent;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.1em;
    margin-top:5px;
}

/*最新消息*/
#custom_carousel .item ul.list > li > span { 
	width: 20% ;
	display: inline-block;
}
#custom_carousel .item ul.list > li > a { 
	display: inline-block;
	width: 79%;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    line-height: 100%;
}




/*公司簡介==============*/
    	.profile a.ling, .profile .ling {color: #A40066;}
		.profile a.ling1, .profile .ling1 {color: #EC1921;}
		.profile a.ling21, .profile .ling2 {color: #017BD6;}

    	.profile h3 { color:#333; }

    	.profile .h3, .profile h3 {
			margin-top:0px;
			margin-bottom:0px;	
			font-size:23px
		}

		
		.profile .nav-tabs {  }
		.profile .nav-tabs>li.active>a,
		.profile .nav-tabs>li.active>a:focus,
		.profile .nav-tabs>li.active>a:hover {
			background: #fff;
			text-shadow: 2px 2px 3px #fff;
			color:#CF0000;
			border-left:1px solid #CF0000;
			border-right:1px solid #CF0000;
			border-top:1px solid #CF0000;
			position:relative;
		}

		.profile .nav-tabs:before {  }
		.profile .nav-tabs>li.active>a:before,
		.profile .nav-tabs>li.active>a:focus:before,
		.profile .nav-tabs>li.active>a:hover:before {
			content: "\f0d7";
			font-family: 'FontAwesome';
			position:absolute;
			color:#CF0000;
			top:-10px;
			margin:0 auto;
			left:45%;
			}
			

		.profile .nav-tabs>li>a {
			color: #000;
			text-shadow: 2px 2px 3px #fff;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#DDDDDD+0,c2e9fe+100 */
		background: #DDDDDD; /* Old browsers */
		background: -moz-linear-gradient(top, #DDDDDD 0%, #F2F2F3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #DDDDDD 0%,#F2F2F3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #DDDDDD 0%,#F2F2F3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#F2F2F3',GradientType=0 ); /* IE6-9 */
		border:1px solid #999;
		padding: 10px 10px;
    	font-size: 0.9em;
		}

		.profile .nav-tabs {
			border-bottom:1px solid #999;
		}

		@media screen and (max-width:568px){
			.profile .tab-pane>.text-center>h3:before{ display:none }	
			.profile .tab-pane>.text-center>h3:after{ display:none }
			.profile .nav-tabs>li { width:50% }
			.profile .nav>li>a { padding: 2px 2px; }
			.profile .nav {padding:0;}
			.profile .nav-tabs:before {  }
			.profile .nav-tabs>li.active>a:before,
			.profile .nav-tabs>li.active>a:focus:before,
			.profile .nav-tabs>li.active>a:hover:before {
				left:45%}
		}
	
		.profile .aboutitem {position:relative}
		.profile .aboutitem .relitem { width:100%; height:100%; content:""; position:absolute; border-radius: 5px;	top:0px; left:0px; z-index:1}

		.profile .mypage-header {
			border-bottom: 1px solid #A40066;
			margin: 0 0 1em 0;
			padding-bottom: 0;
		}
		.profile .mypage-header .h3 {
			color:#333;	
			display: inline-block;
		}
		.profile .mypage-header span {
			color:#A40066;
		}
		.profile .mypage-header .h3 small {
			color:#fff;
			display: inline-block;
			background: #A40066;
			border-radius: 5px;
			padding: 5px 10px;
		}

		.profile .searpage-header {
			border-bottom:1px solid #ddd;
			padding-bottom: 10px;
		}

		.profile .mypanel-body ol.d {
		  list-style-type: lower-alpha;
		}
		.profile .mypanel-body ol.d li { list-style:block}


		.profile .mypanel {
			border:1px solid #A40066;
		}
		.profile .mypanel .panel-heading {
			background: #A40066;
			border-color:#A40066;
		}

		.profile blockquote { padding:5px 20px;}
		.profile blockquote { border-left: 5px solid #A40066; color: #A40066 ; }


		.profile .thumbnail>p {
			white-space: nowrap; 
		    width: 100%;
		    overflow: hidden;
		    text-overflow: ellipsis;
			margin-bottom: 0;
		}
		.profile .thumbnail{
			position: relative
		}
		.profile .thumbnail>.rwd:before
		{
			border:1px solid red;
			width: auto;
			position: absolute;
			right:0;
			top:15px;
			content:"RWD";
			color:#FFFEB8;
			background: #EB1B40;
			font-weight: bolder;
			padding:0 10px;
			border-radius: 5px;
		}

		.profile .opic { height:200px; width:100%; overflow:hidden;}
		.profile .opic>img  { width:100%;}


/*公司簡介==============end */


.wrap-sticky { max-height:70px;}
.navbar { min-height: 40px }


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

.wrap-sticky nav.navbar.bootsnav.lingnavbar {
	width: 100%;
	max-width: 1300px;
	left: inherit;
    background: #CC3366;
}


nav.navbar.bootsnav .navbar-form.top_search { 
    padding:0;
    margin-top: 2px;
    margin-bottom: 0;
    width: 200px
}



/*INQUIRY*/
    nav.navbar.bootsnav.lingnavbar ul.nav > li.dropdown.lingadd {
        position: fixed;
        right:0;
        top:50%;
        border:3px solid #E62327;
        background: #fff;
        border-radius: 5px;
        box-shadow: 3px 3px 3px #333;
    }
    nav.navbar.bootsnav.lingnavbar ul.nav > li.dropdown.lingadd a {        
        color: #E62327;
    }
@media screen and (max-width:991px){
    nav.navbar.bootsnav.lingnavbar ul.nav > li.dropdown.lingadd {
        display: none;
    }
    nav.navbar.bootsnav .navbar-form.top_search {
        display: none
    }
}


nav.navbar.bootsnav.lingnavbar > .container, .pageheader > .container {
	width:100%;	
	padding:0 15px;
}

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

.pageheader{
	text-align: right;	
	border-top: 6px solid #CC3366;
	padding: 15px 18px;
    position: relative;
}

.pageheader .ling-inline {
    position: absolute;
    right:30px;
    top: -8px;
    width: auto;
    background: #CC3366;
    border-radius: 0 0 5px 5px;
}

.pageheader .ling-inline.list-inline a { 
    color:#fff; 
    padding:0 15px; 
}

@media (min-width: 992px) {
   
    .attr-nav > ul > li { display: none }

    nav.navbar.lingnavbar ul.nav > li > a{
        padding: 12px 10px;
        font-weight: 400;
        color: #fff;
    }
    
    nav.navbar.lingnavbar .navbar-brand{
        margin-top: -100px;
    }
    
    nav.navbar.lingnavbar .navbar-brand img.logo{
		width: 327px;
    }

    /*logo-bottom*/
    .wrap-sticky nav.navbar.bootsnav.lingnavbar.sticked .navbar-brand{
        margin-top: 0px;
        padding-left: 15px;
        width: 60px;
        background:url(../images/logo_bot.png) center center no-repeat; 
        background-size:contain;
        position: absolute;
    }
    
    .wrap-sticky nav.navbar.bootsnav.lingnavbar.sticked .navbar-brand img.logo{
        display: none
    }   

    nav.navbar.bootsnav.lingnavbar.sticked .navbar-collapse { 
        margin-left: 40px; 
    }


    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) {
    /* Navbar General ------*/

    nav.navbar.bootsnav .navbar-toggle {
        background: none;
        color: #fff;
    }


    nav.navbar .navbar-brand img.logo{
        display:none;       
    }
    
    nav.navbar.lingnavbar .navbar-brand {  
        width:80%; 
        margin: 6px 0 0 0 !important;
        background:url(../images/logos.png) center center no-repeat; 
        background-size:contain;
    }
    
    
    .attr-nav > ul > li > a{
        padding: 13px 15px;
        color: #fff;
    }
	
	nav.navbar.bootsnav.lingnavbar .navbar-collapse {
		background: #CC3366;
		margin: 0 -15px;
	}

    nav.navbar.bootsnav.lingnavbar ul.nav li.dropdown ul.dropdown-menu > li > a { 
        color: #fff;
        font-size: 1.3em;
        padding: 6px 0;
    }


    nav.navbar.bootsnav.lingnavbar .input-group .form-control {
        font-size: 1em;
    }
		
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
	
	nav.navbar.bootsnav.lingnavbar ul.nav > li > a {
		color:#fff;
		}
    
    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;
    }

	
}
   
    
    @media screen and (max-width:568px){
        nav.navbar .navbar-brand {
            width: 70%;
            height: 58px;
            background: url(../images/logos.png) left center no-repeat;
            background-size:contain;
        }
    }


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

nav.navbar ul.nav > li > a:hover { color: #FFEFBF }

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

    nav.navbar ul.nav li.dropdown.on > a { color: #FFCFBF !important; }
	
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover,
	.attr-nav > ul > li > a:hover,
	.attr-nav > ul > li > a:focus { 
		color: #ffffff;
	 }
		
	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: #f43438;
}

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