@font-face {
    font-family: "Kendo UI";
    src: url("/styles/images/kendoui.woff") format("woff"),
         url("/styles/images/kendoui.ttf") format("truetype");
}

body:before
{
    font-family: "Kendo UI";
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
}

html, body {
    font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica, sans-serif;
    color: #2A543F ;
    margin: 0;
    padding: 0;
    min-width: 320px;

}


body {
	background-color:rgb(181, 196, 177);
	/*background-color:rgb(224,229, 223);*/
}



/* Start of 一銀租賃調整 */
.k-treeview .k-in {
margin: 0px;
padding: 0px;

}

.panel {
	margin: 0px;
}

.panel-body {
	padding-bottom:20px;
	margin: 0px;
}



.k-alt {
	background-color: #f5fff5;
}

.k-detail-row .k-alt {
	background-color: #fff5f5;
}

.k-alt.k-state-selected {
	color: #fff;
	background-color: #428bca !important;
	border-color: #428bca;
}


.k-grid td {
	padding: 0.1em 0.6em;
}


.k-tabstrip {
	margin: 3px 0px 0px 0px;
}

.form-group {
	margin-top: 3px;
	margin-bottom: 3px;
}

canvas.particles-js-canvas-el {
	position: absolute;
	top: 0;
	left: 0;
	z-index:-100;
}

/* End of 一銀租賃調整 */

.ra-well-title {
    font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.panel-title {
    font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.panel-default .panel-heading {
    color: #2A543F ;
    font-weight:bold;
}

.btn-default {
    color: #2A543F ;

}
.form-control {
    color: #2A543F ;

}

.form-htmleditor {
    padding-left: 6px;
	padding-right: 10px;
}

.k-pager-numbers .k-current-page {
    display: none;
}

.k-grid-header .k-header {
    color: #2A543F ;
    font-weight:bold;
	background-color: #f0f8fd !important;
}

.k-pager-wrap {
    color: #2A543F ;
}

.dropdown-menu>li>a {
    color: #2A543F ;
    font-weight:bold;
}

.k-button {
    color:#2A543F;
    border-color:#ccc;
    background-color:#fff;
}
.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-nav-current.k-state-hover .k-link, .k-grouping-header .k-link {
    color:#2A543F;
}
.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-dropdowntree .k-input {
    color: #2A543F;
}

.k-panelbar > li > .k-link {
    color:#2A543F;
}
.k-panelbar > li.k-state-default > .k-link {
    color:#2A543F;
}
.k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
    color:#2A543F;
}
.k-button:hover {
    color:#2A543F;
    border-color:#adadad;
    background-color:#ebebeb;
}
.navbar-brand {
    float:left;
    padding:8px 12px 0px 12px;
    font-size:20px;
    line-height:20px;
}
/*
 * Style tweaks
 * --------------------------------------------------
 */
html {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding: 60px 10px 0px 10px;
}
footer {
  padding: 30px 0;
}
.container {
	padding:0px 15px;
	width:100%;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media (max-width: 599px) {

    .row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
    }

    .row-offcanvas-right .sidebar-offcanvas {
		right: -75%; /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
		left: -75%; /* 6 columns */
    
    }

    .row-offcanvas-right.active {
		right: 80%; /* 6 columns */
    }

    .row-offcanvas-left.active {
		left: 80%; /* 6 columns */
    }

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 70%; /* 6 columns */
	}
    
	.row-offcanvas .col-xs-12 {
		padding-right:0px;
		padding-left:0px;
	}
  
	.row-offcanvas .panel-body {
		padding-right:0px;
		padding-left:0px;
	}
  
    .form-toolbar {
        margin-top:-56px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
        padding-right:0px;
        padding-left:0px;
    }
    
    #application .well {
        padding: 4px;
        margin:0px 0px 6px 0px;
    }
    
    .ra-well {
        padding: -20px;
    }
    
    .ra-well-title {
        font-size: 1.2857em;
        line-height: 1.2857em;
        border-bottom: 1px solid #D7D7D7;
        margin: 6px -5px 0em;
        padding: 2px 10px 0.7222em;
		margin-bottom: 0.7222em;
    }

	.banner {
		width:100%;
		height:60px;
		background-image:url("../pics/banner_20121218-01.gif");
		background-size:auto;
		background-position:100% 50%;
		background-repeat:no-repeat;
	}
	.row-offcanvas {
		margin-top:0px;
	}
	.buttons-wrap {
		border-top: 1px solid #D7D7D7;
		margin:-4px;
		padding:0.7em 0.7em 0.7em 0.7em;
		text-align: right;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 55%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 55%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 45%; /* 6 columns */
  }
	.container {
		max-width:767px;
		width:100%;
	}
    .form-toolbar {
        margin-top:-58px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
        padding-right:10px;
        padding-left:10px;
    }
    .ra-well {
        padding: -20px;
    }

    .ra-well-title {
        font-size: 1.2857em;
        line-height: 1.2857em;
        border-bottom: 1px solid #D7D7D7;
        margin: -5px -19px 0.8333em;
        padding: 0 19px 0.7222em;
    }
	
	.banner {
		width:100%;
		height:80px;
		background-image:url("../pics/banner_20121218-01.gif");
		background-size:auto;
		background-position:100% 50%;
		background-repeat:no-repeat;
	}
	.row-offcanvas {
		margin-top:0px;
	}
	.buttons-wrap {
		border-top: 1px solid #D7D7D7;
		padding-top: .5em;
		padding-right: 19px;
		margin-bottom : -0.8333em;
		margin-top: 0.8333em;
		margin-left: -19px;
		margin-right:  -19px;
		text-align: right;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

  }

	.container {
		max-width:991px;
		width:100%;
	}

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -30%; /* 3 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -30%; /* 3 columns */
  }

  .row-offcanvas-right.active {
    right: 32%; /* 3 columns */
  }

  .row-offcanvas-left.active {
    left: 32%; /* 3 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 30%; /* 3 columns */
  }
  
    .form-toolbar {
        margin-top:-58px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
        padding-right:10px;
        padding-left:10px;
    }
    .ra-well {
        padding: -20px;
    }

    .ra-well-title {
        font-size: 1.2857em;
        line-height: 1.2857em;
        border-bottom: 1px solid #D7D7D7;
        margin: -5px -19px 0.8333em;
        padding: 0 19px 0.7222em;
    }
    .form-group .col-sm-2 {
        position:relative;
        right:3px;
    }

    .form-group .col-sm-10 {
        padding-left:12px;
    }
	
	.banner {
		width:100%;
		height:100px;
		background-image:url("../pics/banner_20121218-01.gif");
		background-size:auto;
		background-position:100% 50%;
		background-repeat:no-repeat;
	}
	.row-offcanvas {
		margin-top:0px;
	}
	.buttons-wrap {
		border-top: 1px solid #D7D7D7;
		padding-top: .5em;
		padding-right: 19px;
		margin-bottom : -0.8333em;
		margin-top: 0.8333em;
		margin-left: -19px;
		margin-right:  -19px;
		text-align: right;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .container {
        max-width: 1378px;
		width:100%;
    }
    .form-toolbar {
        margin-top:-58px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
        padding-right:10px;
        padding-left:10px;
    }
    .ra-well {
		padding: -20px;
		
    }

    .ra-well-title {
        font-size: 1.2857em;
        line-height: 1.2857em;
        border-bottom: 1px solid #D7D7D7;
        margin: -5px -19px 0.8333em;
        padding: 0 19px 0.7222em;
    }
    
    .form-group .col-sm-2 {
        position:relative;
        right:3px;
    }

    .form-group .col-sm-10 {
        padding-left:12px;
    }
	
	.banner {
		width:100%;
		height:120px;
		background-image:url("../pics/banner_20121218-01.gif");
		background-size:100% auto;
		background-position:100% 50%;
		background-repeat:no-repeat;
	}
	.row-offcanvas {
		margin-top:0px;
	}
	.buttons-wrap {
		border-top: 1px solid #D7D7D7;
		padding-top: .5em;
		padding-right: 19px;
		margin-bottom : -0.8333em;
		margin-top: 0.8333em;
		margin-left: -19px;
		margin-right:  -19px;
		text-align: right;
	}
}

@media (min-width: 1200px){
    
    .container {
        max-width: 1920px;
		width:100%;
    }
    .form-toolbar {
        margin-top:-58px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
        padding-right:10px;
        padding-left:10px;
    }
    .ra-well {
		padding: -20px;
		
    }

    .ra-well-title {
        font-size: 1.2857em;
        line-height: 1.2857em;
        border-bottom: 1px solid #D7D7D7;
        margin: -5px -19px 0.8333em;
        padding: 0 19px 0.7222em;
    }
    
    .form-group .col-sm-2 {
        position:relative;
        right:3px;
    }

    .form-group .col-sm-10 {
        padding-left:12px;
    }
	
	.banner {
		width:100%;
		height:120px;
		background-image:url("../pics/banner_20121218-01.gif");
		background-size:100% auto;
		background-position:100% 50%;
		background-repeat:no-repeat;
	}
	.row-offcanvas {
		margin-top:0px;

	}
	.buttons-wrap {
		border-top: 1px solid #D7D7D7;
		padding-top: .5em;
		padding-right: 19px;
		margin-bottom : -0.8333em;
		margin-top: 0.8333em;
		margin-left: -19px;
		margin-right:  -19px;
		text-align: right;
	}
}

.btn .caret {
	margin-left: 6px;
}

.btn .caret:first-child {
	margin-left: 0px;
}

.k-grid-content .k-button{
	padding: 5px 14px 4px;
}

.sortLayoutArea .fields-container{
	padding:12px;
}

.btn .k-icon, .k-button .k-icon{
	position:relative;
	top:-2px;
	left:-2px;
	margin-right: 3px;
}





.control-label {
    padding-right:0px !important;
}

.form-group .k-widget .k-multiselect-wrap {
    min-height:2.3em;
}

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

.ra-section {
    margin-bottom: 20px;
}

.ra-well-overlay {
    margin: -16px -20px -19px;
}

.navbar-inverse {
    /*background-color: #2A543F;*/
	background-color: #3b5b2f;
    color:#FFFFFF;
}

.navbar .navbar-brand {
    color:#FFFFFF;
}

#configurator-wrap {
    position: absolute;
    overflow: hidden;
    height: 260px;
    right: 0;
    top: 51px;
    z-index: 1000;
    padding: 0;
}

#mainmenu {
    margin-top: 9px;
}
#configurator {

	font-size:12px;
    top: 8px;
}

#panelbar {
    font-size: 1.1em;
    line-height: 1.1em;
}

#panelbar .glyphicon {
    margin: 0px 6px 0px 0px;
}

#panelbar a {
    padding-left:10px;
}

#panelbar .badge {
    margin: 6px 0px 0px 0px;
    float:right;
}

.combined .col-xs-12,
.combined .col-xs-11,
.combined .col-xs-10,
.combined .col-xs-9,
.combined .col-xs-8,
.combined .col-xs-7,
.combined .col-xs-6,
.combined .col-xs-5,
.combined .col-xs-4,
.combined .col-xs-3,
.combined .col-xs-2,
.combined .col-xs-1 {
    padding-right:0px;
    padding-left:0px;
}

.before-text {
	margin-right:3px;
}