/*頁頭平版寬度調整*/

body { font-size:100%; font-size:18px; line-height:160%; }
.wrapper { margin-top: -28px;} 

@media (min-width:768px) {
body { font-size:100%; font-size:15px; line-height:160%; }
.wrapper { margin-top: -24px;} 
}
@media (min-width:992px) {
body { font-size:100%; font-size:14px; line-height:160%; }
.wrapper { margin-top: -23px;} 
}


@media screen and (min-width:768px) and (max-width: 992px){
			.navbar .container{
				width: 100%;
			}
}

/*ring menu*/
@media (min-width:992px) {
	.row .myattr-nav{ 
		display: none 
	}	
	nav.navbar li.dropdown ul.dropdown-menu {
		border-top-color: #265CFF !important
	}
	/*INQUIRY*/
	nav.navbar.bootsnav 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 ul.nav > li.dropdown.lingadd > a { font-size: 0.8em; color:#E62327;  }
		nav.navbar.bootsnav ul.nav > li.dropdown.lingadd > a > i { color:#E62327; font-size: 3em;}
}

nav.navbar.bootsnav #navbabr_inquiry_modal { color:#265CFF}


/*navbar backgr*/
nav.navbar.bootsnav { background: #0C1BCE;}

/*top menu*/
nav.navbar.bootsnav .mynavbar-toggle { 
 	font-size: 30px;
 	color: #fff;
 	margin-top: 15px;
}

nav.navbar.bootsnav ul.mynav > li > a.lingcar { color:red}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
 	background: transparent; 
}

.lingnav .mycollapse .lingcar { color:red ; }


/*logo box*/
nav.navbar .mynavbar-header { 
	float: none; 
	text-align:center;
}

/*logo box > a*/
nav.navbar .mynavbar-header .mynavbar-brand {  
	width: 100%; 
	height:auto;
	display:block;
	padding: 0;
	margin:0 auto ;  
	position: relative;
}

/*logo box > a > img*/
nav.navbar .mynavbar-header .mynavbar-brand img.mylogo{
		line-height:0;		
		height: 69px;
		width: auto;
 }



/*logo box > a*/
@media (max-width:992px) {
	nav.navbar.bootsnav.lingnav, nav.navbar.bootsnav .navbar-header.mynavbar-header { height:58px;}
	nav.navbar.bootsnav.lingnav .navbar-toggle { top:0 }
	nav.navbar .mynavbar-header .mynavbar-brand {  
		width: 90%; 
		height:48px;
		float: right;
		display: inline-block;
		padding: 0;
		margin:0 ;  
		position: relative;
		background:url(http://www.twinner.com.tw/images/logo2.png)  no-repeat; 
		background-position: center top;
		background-size: contain;
	}

	nav.navbar .mynavbar-header .mynavbar-brand { 
		top:4px; 
	}
	nav.navbar .mynavbar-header .mynavbar-brand img.mylogo{
			display: none
	 }
	 
}

/*@media (max-width:768px) {
	nav.navbar .mynavbar-header .mynavbar-brand {  
		width: 80%; 
		height:69px;
		background:url(../images/logo.png) no-repeat; 
		background-position: center top;
	}
}*/

@media (max-width:768px) {
	nav.navbar.bootsnav.lingnav { height:58px;}	
	
	nav.navbar.bootsnav.lingnav .mynavbar-header .mynavbar-brand {  
		width: 90%; 
		height:58px;
		float: right;
		display: inline-block;
		padding: 0;
		margin:0 ; 
		top:0px;  
		position: relative;
		background:url(http://www.twinner.com.tw/images/logo.png)  no-repeat; 
		background-position: center top;
		background-size: contain;
	}
	nav.navbar.bootsnav .mynavbar-toggle { 
 	margin-top: 15px;
	}
}

@media (max-width:568px) {
	nav.navbar.bootsnav.lingnav { height:61px;}	
	nav.navbar.bootsnav.lingnav .mynavbar-header .mynavbar-brand {  
			height:58px;
			width: 80%; 
	}
}

@media (max-width:400px) {
	nav.navbar.bootsnav.lingnav { height:61px;}	
	nav.navbar.bootsnav.lingnav .mynavbar-header .mynavbar-brand {  
			height:58px;
			width: 80%; 
			top:6px;
	}
}

nav.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0
}

 /*頁頭選單*/
 .mycollapse {
 	/*margin-top: 50px;*/
 	float: none; 	
 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2ae0d+0,ffdd29+49,f2ae0d+100 */
	background: rgb(242,174,13); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(242,174,13) 0%, rgb(255,221,41) 49%, rgb(242,174,13) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(242,174,13) 0%,rgb(255,221,41) 49%,rgb(242,174,13) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(242,174,13) 0%,rgb(255,221,41) 49%,rgb(242,174,13) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ae0d', endColorstr='#f2ae0d',GradientType=0 ); /* IE6-9 */	
 }

/*top icon>font>color*/
	nav.navbar.bootsnav ul.mynav > li:hover a{
		  color: #265CFF;
	}
 	
	nav.navbar.bootsnav ul.mynav > li a.tws668 {
	font-size: 1.1em;
	font-weight: 900;
	color: #265CFF;
	}

	nav.navbar.bootsnav .navbar-nav > li > a {
		font-weight: bold;
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {
		font-weight: bold;
		color: #000;
		
	}
	nav.navbar.bootsnav .navbar-nav > li > a{
		border-bottom: solid 1px #333;
	}

	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {
		border-bottom: solid 1px #333;
	}

@media (min-width:992px) {

	nav.navbar.bootsnav .navbar-nav > li > a{
		border-bottom: 0;
		padding:10px 8px;
		font-size:1em;
	}

	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {
		border-bottom: solid 1px #e0e0e0;;
	}

}

/*頁尾地址*/
footer { }
footer>address { padding:30px 15px; background:#D9EDF7; margin-bottom: 0px;}
footer>address span { display:inline;}

@media (max-width:991px) {
	footer>address { padding-bottom: 90px;}
	footer>address span { display:block; width:100%}
}

/*分類路徑*/
.lingpage .breadcrumb { margin-top: -21px; background-color: transparent}


/*特殊搜尋區*/
.lingpage .listtop { background: #f5f5f5; border-top: 1px solid #ccc; border: 1px solid #ccc; padding:8px 0; display:block; border-radius:5px; margin-bottom: 2em;}
.lingpage .listtop .form-group.listtop_sear  { width:auto; margin:0 auto; text-align:center }

.listtop_sear .form-inline a, .listtop_sear .form-inline select { margin-right: 15px; }

.lingpage .form-group.listtop_sear label, .lingpage .form-group.listtop_sear>.form-inline { 
width:auto; margin:0; display: inline-block 
}

.lingpage .input-ling { border:1px solid #ccc }

@media (max-width:568px) {
.lingpage .form-group.listtop_sear>.form-inline { width:100%; text-align:center}
.lingpage .form-group.listtop_sear>.form-inline label, .lingpage .form-group.listtop_sear>.form-inline select { width:auto; display:inline;}
}

/*右選單*/
aside .aside-ling > div { border:1px solid #ddd; }
aside .aside-ling .carousel-inner { border-radius:6px; /*border:1px solid #ddd;*/ }
aside .aside-ling .carousel-control.left {
	background: transparent;
	/*background-image:-webkit-linear-gradient(left,rgba(217,237,247,.5) 0,rgba(217,237,247,.0001) 100%);background-image:-o-linear-gradient(left,rgba(217,237,247,.5) 0,rgba(217,237,247,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(217,237,247,.5)),to(rgba(217,237,247,.0001)));background-image:linear-gradient(to right,rgba(217,237,247,.5) 0,rgba(217,237,247,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x*/
	}
aside .aside-ling .carousel-control.right{
	background: transparent;
	/*right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(217,237,247,.0001) 0,rgba(217,237,247,.5) 100%);background-image:-o-linear-gradient(left,rgba(217,237,247,.0001) 0,rgba(217,237,247,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(217,237,247,.0001)),to(rgba(217,237,247,.5)));background-image:linear-gradient(to right,rgba(217,237,247,.0001) 0,rgba(217,237,247,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x*/
}

aside .aside-ling>div { margin-bottom:2em;  }
aside .aside-ling>div>h4 {font-style:italic; font-size:1.6em; text-align: center; color:#337ab7 }

.right_carousel-inner>.item>.container>.carousel-caption  { bottom:10px; padding-bottom:0px;}
.right_carousel-inner>.item>.container>.carousel-caption>p, .right_carousel-inner>.item>.container>.carousel-caption>p>a {  text-shadow: none; width:100%; margin:0; line-height:110%; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.right_carousel-inner>.item>.container>.carousel-caption>p { color:#777777;}
.right_carousel-inner>.item>.container>.carousel-caption>p:nth-child(1) { font-weight:bold; font-size:0.9em}

.right_carousel-inner.home>.item>.container { width: auto }
.right_carousel-inner.home>.item>.container>.carousel-caption  {
	position: relative;
	left:0;
	}
aside .aside-ling .carousel-control.home  { top:-60px; }


/*頁尾會員專區選單*/
@media screen and (min-width:992px){
	.bot_navber { display: none }
	}
@media screen and (max-width:991px){
	.bot_navber { 
		position: absolute; 
		position: fixed; 
		z-index: 10; 
		bottom: 0; 
		left:0; 
		right:0; 
		background:#337ab7;
		padding:6px;
	}
	.bot_navber .icon{ 
		float: left;
		text-align: center;
		width: 25%;
	}
	.bot_navber .icon a { color:#fff; text-decoration: none; }
	.bot_navber .icon a i { font-size: 28px; }

	.bback { display: block; content: "Back" }
	.blogin { display: block; content: "Log In" }
	.blogout { display: block; content: "Log Out" }
	.binquiry { display: block; content: "Inquiry Basket" }
	.bmember { display: block; content: "Manage" }
}


/*product list*/
article .table thead tr th, article .table tbody tr td { vertical-align:inherit;}

.table>tbody>tr>td small { 
	width:200px; 
	display:block; 
	overflow: hidden; 
	text-overflow: ellipsis;
}



.table tbody tr td:nth-child(1)>img, .table tbody tr td:nth-child(1)>a img { 
	width: 120px;
}

.table>tbody>tr>td:nth-child(1) { width:15% }


@media screen and (max-width:767px){
	.table thead{
		display: none;
	}
	.table tbody tr{
		display: block;
		margin-bottom: 20px;
	}
	.table tbody td{
		display: block;
	}
	.table>tbody>tr>td:nth-child(1) { width:100% }

	.table tbody td:before{
		content: attr(data-xxx) ' : ';
		color: #333;
		font-weight:bold
	}
}


/*@media (max-width:992px) { 
	.table>thead {display: none}
	.table>tbody>tr>td:nth-child(1) { width:100%; padding-top: 30px;}
	.table>tbody>tr>td{ float:left; width:100%  }
}
*/

/*login 內清單*/
.mylist-inline li + li:before {
			content: '|';
			margin-right: 1em;
		}
.mylist-inline { margin-top: 1.5em; }

.tab-pane{ padding-top: 20px; }			

nav.navbar .mylogout { color:#fff; font-size: 30px;  }
nav.navbar .mylogout:after { display: block; content: "Log In"; padding-top: 5px; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif }
/*nav.lingnav .attr-nav > ul > li > a { padding:15px 30px; }*/

nav.navbar .mylogin { color:#fff; font-size: 30px;  }
nav.navbar .mylogin:after { display: block; content: "Log Out"; padding-top: 5px; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif }


@media (max-width:992px) { 
	nav.lingnav .attr-nav > ul > li > a { padding:15px 15px; }
	}

article .nav-tabs { background:#fcfbfb; border-top: 1px solid #f0f0f0; }

article .nav-tabs>li { width: 50% }
article .nav-tabs>li>a, article .nav-tabs>li>a:hover { 
max-width: 100%;
text-align:left;
min-height:36px;
 }
 

article .nav-tabs {
	border-bottom:3px solid #337ab7
}

article .nav-tabs>li.active>a,
article .nav-tabs>li.active>a:focus,
article .nav-tabs>li.active>a:hover {
	background: #337ab7;
	color:#fff;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #337ab7;
}


article .tab-pane>.text-center>h3 { position:relative; color:#333 }
article .tab-pane>.text-center>h3>span { color: #CF0000}
article .tab-pane>.text-center>h3:before{
 content:"";  border-bottom: 3px solid #DFDFDF; width:60px; position:absolute; left:-70px; top:50%;
	}
	
article .tab-pane>.text-center>h3:after{
 content:"";  border-bottom: 3px solid #DFDFDF; width:60px; position:absolute; top:50%; margin-left: 10px;
	}

@media screen and (max-width:568px){
article .tab-pane>.text-center>h3:before{ display:none }	
article .tab-pane>.text-center>h3:after{ display:none }

article .nav-tabs>li { width: 100% }
article .nav-tabs>li>a, article .nav-tabs>li>a:hover { 
min-height:auto;
padding-left: 10px;
 }
 
article .nav>li>a { padding: 10px 15px }
article .nav {padding:0;}
article .nav-tabs:before {  }
article .nav-tabs>li.active>a:before,
article .nav-tabs>li.active>a:focus:before,
article .nav-tabs>li.active>a:hover:before {
	left:45%}
	}
@media screen and (min-width:992px){
article .nav-tabs>li { width:16% }
article .nav-tabs>li>a, article .nav-tabs>li>a:hover {
	color: #000;
	border:none;
	text-align:center;
	min-height:68px;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		  align-items: center;
	-webkit-justify-content: center;
		  justify-content: center;
		  border-radius:0;
}	

article .nav-tabs>li>a:hover { min-height:67px }
}
		


/*搜尋區*/
.topsearch { background:#f5f5f5; padding:15px 0px 15px 0px }
form .input-group .input-group-btn .btn {height:34px;}
.mydl-horizontal dt.left { text-align:left }


.cen-ven{ 
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

/*客戶專頁上方的logo & company*/
.list-inline.cen-ven > li:nth-child(1) { border:1px solid #ddd; border-radius:5px; overflow:hidden }
.cen-ven li {vertical-align:-webkit-baseline-middle;}


/*中區-廣告區*/
.m_banner {}
.m_banner a img { width: 100% }


/*首頁右區Logo輪播*/
.bor_ann { overflow:hidden; height:66vh; width:auto;}

.ann {  
	width:200px; 
	height:150px;  
	margin:0 auto; 
	border-radius: 5px; 
	margin-bottom: 15px;
	}

.ann > a { 
	position: relative; 
	display: block; 
	width: 100%; 
	border:1px solid #cccccc;
	border-radius: 5px;
	overflow: hidden;
}
.ann > a > img { width: 200px; height: 100px }
.ann > a > .grade { 
	position: absolute; 				
	border-radius: 5px 0 0 0;
	overflow: hidden;
	right: 0; 
	bottom: 0; 
	width: 60px; 
	height:30px; 
}

.ann > .ann-text > .grade { }
.ann > .ann-text > p, 
.ann > .ann-text > a { 
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	width: 200px; 
	display: block;  
}
.ann > .ann-text > p { margin-bottom: 0; }

.carousel-inner .item img { width:100%; height:auto; }

@media screen and (max-width:992px){
	.bor_ann { height:165px;}
	
}

/*@media screen and (max-width:992px){
	
	.ann {
		float:left;
		width: 33%;
		padding-left:10px;
		height:auto;  
	}

	.ann > a { 
		text-align:center;
		width: 100% 
	}
	.ann > a > img { 
		width:100%;
		height: auto;
	}
	
}


@media screen and (max-width:568px){
	.bor_ann {
		height:180px; 
	}
	.ann {
		float:left;
		width: 50%;
		padding-left:10px;
	}
	
}

@media screen and (max-width:414px){
	.bor_ann {
		height:188px; 

	}
	.ann {
		float:left;
		width: 100%;
		padding-right:10px;
		overflow: hidden;
	}
	.ann > .ann-text > p, .ann > .ann-text > a { 
	width: 100%; 
	}
	
}*/

/*@media screen and (max-width:414px){
	.bor_ann {
		height:68px; 

	}
	.ann {
		float:left;
		width: 50%;
		padding-right:10px;
		overflow: hidden;
	}
		.ann > .ann-text > p, 
		.ann > .ann-text > a{
			display: none
		}
	
}*/


/*客戶公司廣告頁*/

/*左選單*/
.mycleft .panel-heading { padding-left: 10px;}
.mycleft .panel-heading:hover { background:#5bc0de }
.mycleft .panel-heading:hover a, .mycleft .active a { color:#fff; text-decoration:none }

.mycleft .active{ background:#5bc0de; }
.mycleft .list-group .list-group-item a.ate { color:#000; text-decoration:underline}

header .cen-ven {padding:0 15px}
.lingpage caption { padding: 0 }
/*.lingpage caption .breadcrumb {
	 background:none;
	 padding:0px 0px 8px 0;
}*/
.lingpage table > caption > .breadcrumb { 
	margin:0; 
	padding:8px;
	font-weight:bold;
	background:#5bc0de;
	color:#fff;
} /*公司廣告內頁*/

.lingpage table > caption > .breadcrumb>li+li:before  {
	color:#fff;
	}

.lingpage .panel .panel-heading { 
background: ;
}

.lingpage .panel>.panel-heading {
	border-color: #fff
	}
.lingpage .panel>.panel-heading>h3>a {
	font-weight:bold}	
	
.lingpage .panel .list-group .list-group-item a {
	padding-left: 15px;
}

/*客戶廣告頁-產品頁 .cpdetail */
.pheader ul.list-inline li { width:29%; /*padding:5px 0; */vertical-align:text-top; }
.pheader ul.list-inline li:nth-child(odd) { font-weight:bold; }  
.pheader ul.list-inline li:nth-child(even) { width:70%; background: none;  }
.pheader ul.list-inline li:nth-child(1), .pheader ul.list-inline li:nth-child(2) { border-top: 0px;}
.pheader .right-row { padding-left: 0px;}
.pheader .btn-pdf { color:#D90000; border-color:#D90000 }
.pheader .myaddicon { }


@media screen and (max-width:992px){
	.pheader .right-row { padding-left: 0px;}
	.pheader .list-inline { margin-left: 0;}
	.pheader .list-inline li { padding:0;}
	.pheader .myaddicon { text-align:left;}
	
	.cpdetail > .pheader .prolist-inline li, 
	.cpdetail > .pheader .prolist-inline li:nth-child(odd), 
	.cpdetail > .pheader .prolist-inline li:nth-child(even) { width:100% }
}

@media screen and (max-width:458px){
/*.pheader ul.list-inline li { width:35%; display:inline-block; }
.pheader ul.list-inline li:nth-child(even) { width:63%; }*/
}
	
.pheader .thumbnail { margin-bottom: 0;}
.pheader .thumbnail img { width:100%}



/*search - product category*/
.listcategory ul.list-inline { 
	margin-left:0; 
	}
	
.listcategory ul.list-inline li{
	display:inline-block;
	width:32%;
	}
@media screen and (max-width:767px){
	.listcategory ul.list-inline li{
	width:49%;
	}
}
@media screen and (max-width:568px){
	.listcategory ul.list-inline li{
	width:100%;
	}
}


/*頁面滾動出現按鈕*/
		
@media screen and (max-width:991px){
	.goback { display: none }
}
@media screen and (min-width:991px){
	.goback {
	   display: block ;	  
	}
}


/*頁尾相關網站*/
.h3_list { 
	font-size: 1.5em;
	border-bottom: 3px solid #961d57; 
	text-align: center;
	padding-bottom: 10px;
	font-family:  Microsoft JhengHei;
	font-weight: bold;
	color: #961d57;
 }

.h_list li:nth-child(1)  { 
	font-weight: bold;
	font-size: 1.2em;
	font-family:  Microsoft JhengHei;
	color: #333;
}

.h_list li>a {
	color: #6c6c6c; 
	font-style: italic;
}

.h_list li>a>span {
	color: #961d57; 
	font-size: 1.1em;
	font-weight: bold;
}

/*共用上下距離區*/
.mar { margin-bottom: 0.5em; }
.mar1 { margin-bottom: 1em; }
.mar15 { margin-bottom: 1.5em; }
.mar2 { margin-bottom: 2em; }
.mar2 { margin-bottom: 3em; }


.lingpage .key, .lingpage .ex, .key, .ex  { color:#d9534f}

.lingpage .center { text-align:center;}
/*.lingpage .page-header { margin-top: -15px;}*/

.page-header div { font-weight: blod;  }
/*.lingpage .mypage-header {  font-size:26px; font-weight: bolder; color:#0033CC; text-align: center }公司簡介*/
.lingpage .myh2 {  font-weight: bold; color:#0033CC;}



/*Registration.php*/
.lingpage .forminpu, .lingpage .formcheckbox { padding-left: 0; }    
.lingpage .forminpu>li:nth-child(odd) {font-weight: bold;}
.lingpage .forminpu>li {display:inline-block; vertical-align:text-top;  text-align: left; width:28%; padding:10px 0 }
.lingpage .forminpu>li:nth-child(even)  { width:70%;  padding:6px 0; }
.lingpage .panel-title { font-weight: bold }

.lingpage .formcheckbox > .checkbox-inline { width: 30% }
.lingpage .formcheckbox .checkbox-inline+.checkbox-inline, .lingpage .formcheckbox .radio-inline+.radio-inline { margin-left: 0; }

.lingpage .page-header {margin-top: 0; background:#d9edf7; padding-left: 15px; padding-bottom: 0px; border:1px solid #bce8f1; border-radius:5px }
.lingpage .page-header>h3 { padding:8px 8px; margin-bottom:0; margin-top:0px }

@media screen and (max-width:767px){
	.lingpage .forminpu>li, .lingpage .forminpu>li:nth-child(even) {
	width:100%;
	padding:0
	}
	.lingpage .forminpu>li:nth-child(even){
		padding-bottom: 8px;
	}
}


/*inquiry*/
.lingpage .inquiry_check label { width: 100%; }
.lingpage .table-ven td { vertical-align: middle;}


/*會員管理專區-left*/
@media screen and (min-width:992px){
.lingpage .b_left_mune .navbar-toggle2 { display: none  }
.lingpage .form-group .mber-text { height:200px;}

}
@media screen and (max-width:991px){
	.lingpage article .cpdetail { width: 100% }
    .my-navbar{
        position: fixed;
        background-color: #ccc;
        overflow: auto;
        width: 70%;
        top: 0px;
        z-index: 9;
        height: calc(100vh - 50px);
        transition: 1s;
    }
    .leftIn{
        left: -100%;
    }
    .rightIn{
        right: -100%;
    }
    .my-navbar.leftIn.open{
        left: 0;
    }
    .my-navbar.rightIn.open{
        right: 0;
    }
	
    .lingpage .b_left_mune .navbar-toggle2 {  
	display: block; 
	border:1px solid red; 
	top:5px; 
	position:absolute; 
	right:5px;  
	z-index:900;
	background:#ddd; 
	border:1px solid #ddd; 
	}
    .lingpage .b_left_mune .navbar-toggle2 .icon-bar { background-color:#888; }
	

    .lingpage .b_left_mune .navbar-toggle2:focus, .lingpage .b_left_mune .navbar-toggle2:hover{
    	background-color:#d9edf7; 
    }
	.lingpage .b_left_mune .navbar-toggle2:focus>.icon-bar, .lingpage .b_left_mune .navbar-toggle2:hover>.icon-bar	{ background-color:#888 }
	
 .navbar-toggle2{
 	position:relative;float:right;padding:9px 10px;
 	margin-top:8px;margin-right:15px;margin-bottom:8px;
 	background-color:transparent;background-image:none;
 	border:1px solid transparent;border-radius:4px
 }
 .navbar-toggle2:focus{outline:0}

 .navbar-toggle2 .icon-bar{
 	display:block;
 	width:22px;
 	height:2px;
 	border-radius:1px
 }
 .navbar-toggle2 .icon-bar+.icon-bar{margin-top:4px}
 

}
/*會員管理專區-left................. ending*/

/*網址名錄*/
.list-inline.top_list li { font-size:1.1em }
.list-inline.top_list li a { font-size:1.2em; color:#DD0000 }
.list-inline.top_list li > a:hover { color:#8F0002 }

.list-inline.top_list { margin:15px; }
.list-inline.top_list > li { vertical-align: middle}

.list-inline.page_list > li { vertical-align: top;  }
.list-inline.page_list > li:nth-child(1) { width:30%; }
.list-inline.page_list > li:nth-child(1) > a { width:100%}
.list-inline.page_list > li:nth-child(2) { width:68% }

.lingpage .top_list.breadcrumb {
	background: #f5f5f5; 
	padding: 8px 4px;
	
}

@media screen and (max-width:568px){			
	.list-inline.page_list > li:nth-child(1) { width:100%; }
	.list-inline.page_list > li:nth-child(2) { width:100% }
}



/*公司廣告頁產品-分類路徑*/
.cpdetail .right-row h3 { margin:0; }
.pheader .right-row ul.mylist-inline2 li span + span:before{
	content: '/';
	margin-right: 5px;
}

.pheader .right-row ul.mylist-inline2 { padding: 6px; background:#d9edf7; margin-bottom: 6px; margin-left: 0; border:1px solid #bce8f1; border-radius:5px}
.pheader .right-row ul.mylist-inline2 li { width: auto ;  }
.pheader .right-row ul.mylist-inline2 li:nth-child(odd) { width: auto; font-weight: normal; }
.pheader .right-row ul.mylist-inline2 li:nth-child(even) { width: auto; font-weight: normal; }

.pheader .right-row ul.mylist-inline2  li {padding: 0;}
.pheader .right-row ul.list-inline>li { vertical-align: middle }


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

@media only screen and (max-width:600px){
	.gototop{ right:10px; color:#FFFFFF}
}


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

@media only screen and (max-width:600px){
	body.goback{ right:10px; color:#FFFFFF}
}