/* CSS Document */
@red: #9b0410;
@green: #509fb6;
@grey: #ebebeb;
@import url(http://fonts.googleapis.com/css?family=Open+Sans); 

body {
	/* font-family: 'Open Sans', sans-serif !important; */
}

.webfonts1 {
	font-family: 'Open Sans', sans-serif !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ddd; 
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ddd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ddd;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ddd;
}

.kpnred {
color:@red;	
}
 
 .kpngreen {
color:@green;	
}

 .kpnbgreen {
	 background-color:@green;	
}


.btn-kpnred  {
	border-color: @red;
	background-color: @red;
color: #fff;

}

.btn-kpnred:hover  {
	border-color: desaturate(@red, 20%);
	background-color: desaturate(@red, 20%);
	color: #fff;

}

.btn-kpnred:focus,
.btn-kpnred:active  {
 
	color: #fff;

}



.btn-kpngrey  {
	border-color: @grey;
	background-color: @grey;
color: #000;

}

.btn-kpngrey:hover  {
	border-color: desaturate(@grey, 20%);
	background-color: desaturate(@grey, 20%);
	color: #000;

}

.btn-kpngrey:focus,
.btn-kpngrey:active  {
 
	color: #000;

}

.btn-kpngreen {
	border-color: @green;
	background-color: @green;
color: #fff;

}

.btn-kpngreen:hover  {
	border-color: desaturate(@green, 20%);
	background-color: desaturate(@green, 20%);
	color:desaturate(#fff, 20%);

}

.btn-kpngreen:focus,
.btn-kpngreen:active  {
 
	color: desaturate(#fff, 20%);

}

.underline1:link {
	color:@green;
	border-bottom: 1px solid @green;  
    text-decoration: none;
}

.underline2:link {
	color: white;
	border-bottom: 1px solid white;  
    text-decoration: none;
}
.memberInput {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: lighter;
	border: 1px solid #dddddd;
	padding-top: 8px;
	padding-right: 8px;
	padding-left:12px;
	padding-bottom: 8px;
	outline:none;
	width:100%;
	
}

/* 上方選單 */

.navbar {

	border-radius:0px;
	border:0px;
	margin-bottom:0px;
/*	padding:11px 30px 11px 30px;
	color: white;
		background-color:rgba(0,0,0,1.00);*/
}

.nav > li > a {
	padding-top:0px;
	padding-bottom:0px;
		line-height:74px;
			// color:#FFFFFF;
}

.navbar-nav > li {
	margin-left:80px;	
}

/* 左方選單 */


.menu, .submenu {
	padding-left: 0px;
	font-size: 14px;
	height: auto;
}
.submenu {
	display: none;
// 	box-shadow: inset 1px 1px 3px white !important;
}


.menu > li {
	display: block;
	width:100%;
	min-height: 50px;
	line-height: 50px;
  	background-color: #eeeeee;
	cursor: pointer;
	
}


 

.submenu > li {
	display: block;
	width:100%;
	min-height: 40px;
	line-height: 40px;
	
  	background-color: #eeeeee;
	cursor: pointer;
	
}

.menu > li > a {
		color: black;
		text-decoration: none;
	width:100%;
	min-height: 50px;
	line-height: 50px;
	font-size: 16px;
 	padding-left: 30px;
	display: block;	
			// text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)

}

.submenu > li > a {
		color: black;
		text-decoration: none;
	width:100%;
	min-height: 50px;
	line-height: 50px;
	padding-left: 30px;
	display: block;
	font-size: 16px;
 
}

.menu li > a:not(.togglesubMenu):hover {
  -o-transition: color .20s linear;
    -webkit-transition: color .20s linear;
    -moz-transition: color .20s linear;
    transition:  color .20s linear;	
   	background-color: #509fb6;  
	
	color: white;
}

.menu li > a.togglesubMenu:hover {
  -o-transition: color .20s linear;
    -webkit-transition: color .20s linear;
    -moz-transition: color .20s linear;
    transition:  color .20s linear;	
   	background-color: #509fb6;  
 
}

a.activeMenu_a  {
	 
// background-color: #509fb6;
	
}

.submenu > li.activeMenu > a {
	color: white !important;

	 background-color: #509fb6 !important;
}

li.activeMenu > a {
	 color: white !important; /* 被選擇字體顏色 */

	  background-color: #509fb6 !important; 
}

.menu a.togglesubMenu {
	color: #9b0410;
	font-size: 16px;
font-weight: bold;
}

/* new end */
/*
#leftmenu  {
		background-color:#eeeeee;
		font-size:15px;
		letter-spacing:-1px;
		padding:0px;
			 
}

#leftmenu > .panel-default {
	margin-bottom:0px;
	margin-top:0x;
	background-color:inherit;
	border:none;

}

#leftmenu  .list-group {
	margin-bottom:0px;
	background-color:inherit;
	border:none;
}

#leftmenu  .panel-body {
	padding:0px; 		background-color:inherit;
 }

#leftmenu .panel-heading, #leftmenu .list-group-item  {
		border:none;
		border-radius:0px;	background-color:inherit;	
		a { color:black; }
}

#leftmenu .panel-heading {
	color:@red;
	font-size:16px;
	font-weight:bold;
	 padding-left: 45px; 
}

#leftmenu .list-group-item:hover {
	 background-color:@green;
	 cursor:pointer;
	 a { color:white; text-decoration:none;  }

 }
#leftmenu .list-group-item > a {
	  display:block;
	  padding:10px 15px;
 }
 
#leftmenu .list-group-item  {
	  display:block;
	  padding:0px 0px 0px 30px; 
}

#leftmenu  .active {
	 background-color:@green;
	 cursor:pointer;
	 a { color:white; text-decoration:none;  }
	 
 }
*/
 
 /* step的圈圈 */

.circle_out {  /* 外圈 */
	 border:9px solid ; 
	 height:52px; 
	 width:52px; 
	 border-radius:26px;  
	 padding:11px;
	 color: #dddddd;
 
	 margin:0px;
}

.circle_in {  /* 內圈 */
	border:6px solid;
	height:12px; 
	width:12px; 
	border-radius:6px;
	color: rgba(255,255,255, 0);
}

.step_active  .circle_out {  /* 外圈 */
 
	 color: @green;
}

.step_active  .circle_in {  /* 內圈 */
 
	color: @green; 
}
.stepLine {
	width:100%;
	position:absolute;
	top:26px;
}
.stepLine div {
	z-index:-9999;
	display:block;
	float: left;
	height:20px;
	margin-right:52px;
	width:25%;
		border-top:#eeeeee 1px solid;

 }

 
 
.kpnbtn-50 {
	
 width:50px;
 margin-left:3px;
 	
}

.kpnbtn-100 {
	
 width:100px;
 margin-left:5px;
 	
}

.kpnbtn-200 {
	
 width:200px;
 margin-left:5px;
 	
}
 
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc !important;
}

/* checkbox和radio統一格式 
	<input   tabindex="5" id="iuseDefaultIndex" type="checkbox"  >  <label for="iuseDefaultIndex" >Use default </label> 

	
	


.icheckbox_minimal {position: absolute;  }
.icheckbox_minimal ~ label { margin-left: 25px; position: relative }

.iradio_minimal {position: absolute;  }
.iradio_minimal ~ label { margin-left: 25px; position: relative }
*/

	.icheckbox_minimal, .iradio_minimal {
		float:left;
	}
	.icheckbox_minimal ~ label, .iradio_minimal ~ label { float:left; margin-left:4px }
	
/* 修正：moxmanger在bootstrap 3.4.0下，錯誤視窗的訊息會看不到的bug */	
label.moxman-label { max-width: none; }