/*

 * Skin: Blue

 * ----------

 */

.skin-blue .main-header .navbar {

  background-color: #fff;

}

.skin-blue .main-header .navbar .nav > li > a {

  color: #616161;

}

.skin-blue .main-header .navbar .nav > li > a:hover,

.skin-blue .main-header .navbar .nav > li > a:active,

.skin-blue .main-header .navbar .nav > li > a:focus,

.skin-blue .main-header .navbar .nav .open > a,

.skin-blue .main-header .navbar .nav .open > a:hover,

.skin-blue .main-header .navbar .nav .open > a:focus {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #616161;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

	color: #000;

  background-color: #f9f9f9;

}

@media (max-width: 767px) {

  .skin-blue .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {

    background: #C2D4EC;

  }

}

.skin-blue .main-header .logo {

  background-color: #4cb2c4;

  color: #ffffff;

  border-bottom: 0px solid transparent;

}

.skin-blue .main-header .logo:hover {

  background: #3b92a1;

}

.skin-blue .main-header li.user-header {

  background-color: #4cb2c4;

}

.skin-blue .content-header {

  background: transparent;

}



/*選單*/

.skin-blue .wrapper,

.skin-blue .main-sidebar,

.skin-blue .left-side {

  background-color: #242329;

}

.skin-blue .user-panel > .info,

.skin-blue .user-panel > .info > a {

  color: #4f4f4a;

}





.skin-blue .sidebar-menu > li.header {

  color: #999;

  background-color: transparent;

}

.skin-blue .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-blue .sidebar-menu > li:hover > a,

.skin-blue .sidebar-menu > li.active > a {

  color: #f2f2f2;

  background: #313036;

  border-left-color:#4cb2c4;

}

.skin-blue .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #313036;

}

.skin-blue .sidebar a {

  color: #929493;

}

.skin-blue .sidebar a:hover {

  text-decoration: none;

}

.skin-blue .treeview-menu {

    padding: 0.6em 0;

}

.skin-blue .treeview-menu > li > a {

  color: #888;

  margin-bottom:0.8em;

}

.skin-blue .treeview-menu > li.active > a,

.skin-blue .treeview-menu > li > a:hover {

  color: #d1d1d1;

  /*background:#c6c5bc;*/

}



/*表單*/

.skin-blue .sidebar-form {

  border-radius: 3px;

  border: 1px solid #313036;

  margin: 10px 10px;

}

.skin-blue .sidebar-form input[type="text"],

.skin-blue .sidebar-form .btn {

  box-shadow: none;

  background-color: #403f45;

  border: 1px solid transparent;

  height: 35px;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.skin-blue .sidebar-form input[type="text"] {

  color: #4f4f4a;

  border-top-left-radius: 2px !important;

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-bottom-left-radius: 2px !important;

}

.skin-blue .sidebar-form input[type="text"]:focus,

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #4f4f4a;

}

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-blue .sidebar-form .btn {

  color: #4f4f4a;

  border-top-left-radius: 0 !important;

  border-top-right-radius: 2px !important;

  border-bottom-right-radius: 2px !important;

  border-bottom-left-radius: 0 !important;

}

.skin-blue.layout-top-nav .main-header > .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0px solid transparent;

}

.skin-blue.layout-top-nav .main-header > .logo:hover {

  background: #3b8ab8;

}







.skin-blue .main-footer{

	color:#aaa;}

.skin-blue .main-footer strong{

	font-weight:normal;}

.skin-blue .main-footer a{

	color:#6bace4;}





/*內容*/



.content-wrapper ,.breadcrumb ol li ,.box-header .box-title {

    color:#6f6f6a;

}

.content-header {

        padding-left:2.5em;

    }

.box{

    border: 1px solid #e1e1e1;

}

.box-body {

    padding:2em 1.5em 0em 1.5em;

    color:#6f6f6a;

    letter-spacing:0.1em;

    

}

    .box-header {

        padding-left:1.5em;

        background:#f9f9f9;

        border-top: 1px solid #e1e1e1;

    }

    .box-body dt{

     padding:0.15em;

    }

    .box-body .btn {

        letter-spacing:0.1em;

        margin: 2.5em 0 2em 0;

    }

    .box-body hr {

        margin: 2.5em 0 2em 0;

    }

.form-group {

    margin-bottom: 2.5em;

}

    .form-group label {

    font-weight: normal;

    }

    .form-group input {

        letter-spacing: 0.1em;

    }



/*按鈕*/

.tb_btn-group, .tb_btn-group > .btn{

	margin:0;}

	

.btn-primary {

    background:#4cb2c4;

    border:1px solid #4cb2c4;

}

    .btn-primary:hover {

        background:#4cb2c4;

        border:1px solid #4cb2c4;

    }

	.btn-primary:visited{

		background:#4cb2c4;

    border:1px solid #4cb2c4;

	}









 /*** CheckBox ***/



#holder {

    width:100%;

}



#holder > div {

    clear:both;

    padding:2%;

    margin-bottom:20px;

    border-bottom:1px solid #eee;

    float:left;

    width:96%;

}



label {

    display:inline;

}



.regular-checkbox {

    display:none;

}



.regular-checkbox + label {

    background-color:#fafafa;

    border:1px solid #cacece;

   

    padding:9px;

    border-radius:3px;

    display:inline-block;

    position:relative;

    top:10px;

}




.regular-checkbox:checked + label { /*選項內容物顏色*/

    background-color:#e86664;

    border:1px solid #e86664;

   

    color:#99a1a7;

}



.regular-checkbox:checked + label:after {

    content:'\2714';

    font-size:14px;

    position:absolute;

    top:0;

    left:3px;

    color:#fff;

}



.big-checkbox + label {

    padding:18px;

}



.big-checkbox:checked + label:after {

    font-size:28px;

    left:6px;

}



.tag {

    font-family:Arial,sans-serif;

    width:200px;

    position:relative;

    top:5px;

    font-weight:bold;

    text-transform:uppercase;

    display:block;

    float:left;

}



.radio-1 {

    width:193px;

}



.button-holder {

    float:left;

}







 /* RADIO */    



    .regular-radio {

    display:none;

}



.regular-radio + label {

    -webkit-appearance:none;

    background-color:#fafafa;

    border:1px solid #cacece;

    /*box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);*/

    padding:9px;

    border-radius:50px;

    display:inline-block;

    position:relative;

    top:10px;

}



.regular-radio:checked + label:after {

    

    content:' ';

    width:10px;

    height:10px;

    border-radius:50px;

    position:absolute;

    top:4px;

    background:#e86664;/*選項內容物顏色*/

    /*box-shadow:inset 0 0 10px rgba(0,0,0,0.3);*/

    text-shadow:0;

    left:4px;

    font-size:32px;

}



.regular-radio:checked + label { /*選項內容物顏色*/

    background-color:#fff;

    color:#e86664;

    border:1px solid #e86664;

    /*box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1),inset 0 0 10px rgba(0,0,0,0.1);*/

}






span.radio_text {

    margin-left:0.5em;

}