/*base*/
body, .ui-widget{font-family:Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif,'新細明體';color:#222;font-size:15px;line-height:24px;}
h1,h2,h3,h4,h5,.navbar-nav>li,.title_link{font-family:Arial,"Helvetica Neue",Helvetica,Verdana,sans-serif,'微軟正黑體';font-weight:bold;margin:0;}

/*layout*/
html{background:#fff url('../Content/images/bg.jpg') center top no-repeat;background-attachment: fixed;}
.app-header-fixed {padding-top:0}
.app.container{box-shadow:none;}
.app:before{background-color:transparent;}

/*header*/
.app-header-fixed .app-header {position:initial}
@media(max-width:767px){
    .app-header-fixed .app-header {position:fixed;top:0;width:100%;}
}
.navbar-brand{text-align:left;padding:57px 15px 0;white-space:nowrap;}
.navbar-brand.navbar-collapse.collapse{height:105px!important;}
.navbar-brand h1{background:url('../Content/images/logo.png') left bottom no-repeat;height:44px;margin:0;text-indent:100%;overflow:hidden;white-space:nowrap;}
/*.navbar-brand h1 a{color:#073a47}
.navbar-brand h1 small a{font-size:22px;color:#fff;font-weight:bold;padding:6px 20px 3px;border-radius:30px;background-color:rgba(76,125,181,.45)}
.navbar-brand img{max-height:46px}
.navbar-brand .navbar-right{font-size:15px;line-height:24px;font-weight:normal;}
.breadcrumb{text-align:right;margin:0;background-color:transparent;padding:0 0 8px;}*/

/*navbar*/
.navi_right{float:right;margin-top:-54px}
/*.navbar-right>li>a, .navbar-btn{height:50px;padding:10px}
.navbar-right>li>a{padding-top:16px}
.navbar-right>li>a.btn-setting{padding-top:10px;margin-right:15px}
.navbar-btn{margin:0 0 0 -15px;line-height:30px}
.navbar-btn:focus, .navbar-btn:hover{background:#f6f8f8;}*/
.navbar-nav>li{background:url('../Content/images/menuList.png') right bottom no-repeat;width:113px;height:54px;margin-left:-5px;font-size:20px;font-weight:bold;}
.navbar-nav>li>a{padding-top:24px;padding-left:12px;color:#fff}
.navbar-nav>li a:hover,.navbar-nav>li a:focus{background:transparent;color:#ffff10}
/*.navbar-right>li.dropdown{background:transparent;}
.navbar-right>li>div.dropdown-menu{margin-top:0}
.dropdown-menu .row div{padding-right:0}
.dropdown-menu a{width:100%;line-height:30px;display:block;}
.navbar-nav>li.dropdown .dropdown-menu a:hover,.navbar-right>li.dropdown a:hover,.navbar-right>li.dropdown a:focus{background:#f6f8f8}
.navi ul.nav li a{padding:10px}
.navi ul.nav li a>i{width:26px;text-align:right}
.navi ul.nav li li.active>ul{padding-left:26px}
.navbar-right .glyphicon-user:before{margin-right:-10px}*/

@media(max-width: 992px) and (min-width: 768px){
    /*h1*/
    .navbar-brand{padding-top:3px}
    .navbar-brand h1 a{display:none}
    .navbar-brand h1 small a{display:block;font-size:25px;padding:0;background-color:transparent;color: #073a47;}
}
/*@media(min-width:768px){
.navbar-brand+.navbar-collapse{background:url('images/menu.png') left top no-repeat;height:55px!important;bottom: 9px;padding:5px 0 0 45px;margin-right:37px}
.navbar-brand+.navbar-collapse:after{content:'';width:37px;height:55px;background:url('images/menu_right.png') right top no-repeat;position:absolute;top:0;right:-37px;box-shadow: 0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);}
}*/
@media(max-width:767px){
    .navbar-brand{background:transparent;padding:0;position:absolute;top:0;overflow:hidden;width:80%}
    .navbar-brand.navbar-collapse.collapse{padding:0 0 0 10px;height:auto!important}
    /*.navbar-brand img {max-height: 30px}
    .navbar-brand h1 a{display:none}
    .navbar-brand h1 small a{display:block;font-size:22px;padding:0;background-color:transparent}
    .navbar-brand .navbar-right{display:none;}*/
    .navi_right{float:none;margin-top:0}
    .navbar-nav>li{background:white;width:100%;height:auto;margin-left:0}
    .navbar-nav>li>a{padding-top:10px;color:#363f44}
    .navbar-nav>li a:hover,.navbar-nav>li a:focus{background:#f6f8f8;color:#363f44}
    .app-header-fixed{padding-top: 70px}
}

/*aside*/
.bg-dark{background-color:#073a47}
.bg-dark .dk{background-color:#052f3a}
.text-primary-dker {color: #9a7abc}
.aside-wrap{background-color:#fff;box-shadow: 2px 0 2px rgba(0,0,0,.05),1px 0 0 rgba(0,0,0,.05);}
.aside-wrap .nav .line{background-color:#052f3a}

/*aside改放到header底下*/
@media (min-width: 768px) {
/*展開時*/
.navbar-collapse {margin-left:0}
.app-content, .app-footer {margin-left: 200px}
/*收起時*/
.app-aside-folded .navbar-collapse {margin-left: 0}
.app-aside-folded .app-content, .app-aside-folded .app-footer {margin-left: 60px}
.app-aside-fixed .aside-wrap,/*展開時*/
.app-aside-fixed.app-aside-folded .app-aside/*收起時*/
{top: 126px}
}

/*content*/
.app-content-body{padding-bottom:0}
.slider{box-shadow:3px 3px 3px 0px rgba(0,0,0,.15);margin-bottom:12px;border:1px solid #c3e5f8;}
.w100{width:100%}
/*title*/
h5{font-size:15px;line-height:28px}
h5 strong{font-size:24px}
/*左側tree*/
.tree_body{padding:0}
.tree,.panel-body{overflow-x:auto}
.panel-body{padding:30px 15px}
.tree > ul{padding-left:0}
.tree li{padding: 8px 0 0 5px}
.tree li span{background-color:#68bffb}
.tree li li span{background-color:#83d5fb}
.tree li li li span{background-color:#b8eafb}
.tree li li li li span{background-color:#e1f4fb}
.tree li li li li li span{background-color:#f4f4f4}
.tree li li li li li li span{background-color:white}

.tree ul{margin-top:-4px}
.tree li span i{
    padding:1px 8px 1px 2px;
    float: left;
}
.tree li span a{
    border-left:1px solid #999;
    padding:0 5px;
    display:table-cell;
}

.modal-backdrop {z-index: 0}
.form-control,.dropdown-menu{font-size:15px}
.form-control,select{border:1px solid #c7aeae;background-color:#f6f4f4;padding:6px}
.input-sm/*search input*/{font-size:12px;height: 31px}
.btn-group-sm>.btn, .btn-sm,.text-danger/*button*/{font-size:13px}
.text-danger{font-weight:bold}
.text-danger ul{list-style:none}
.panel-default {border-color:#a1ddff}
.panel-default .panel-heading{
    background-image: -webkit-linear-gradient(#fff 0%, #eaeaea);
    background-image: -o-linear-gradient(#fff 0%, #eaeaea);
    background-image: linear-gradient(#fff 0%, #eaeaea);
    padding:0;
    color:#fff;
    border-top:1px solid #fff;
    border-left: 1px solid #fff;
}
.panel-default .panel-heading span{
    background-image: -webkit-linear-gradient(#00bdfc 0%, #179cc7);
    background-image: -o-linear-gradient(#00bdfc 0%, #179cc7);
    background-image: linear-gradient(#00bdfc 0%, #179cc7);
    display: inline-block;
    height:30px;
    padding:2px 10px 2px 15px;
}
.panel-default .panel-heading span:after{
    content:'';
    background:url('../Content/Images/title.png') left bottom no-repeat;
    width:47px;
    height:30px;
    display:inline-block;
    float: right;
    margin-right: -56px;
    margin-top: -2px;
}
.panel-default>.panel-footer{border-color: #ddd}
.line{margin: 15px 0}
hr{border-top: 1px solid #dfdfdf}
.panel-title a{display:block}
.pager li>a, .pager li>span{border-radius:25px}
.text-info,a.text-info:hover{color:#0066d2}
.inline_block{width:30%;display:inline-block}
.ui-widget-content{font-size:1em!important}
select.m-b{margin-bottom:0!important}
span[onclick]{cursor:pointer}
/*grid*/
@media (min-width:992px) {
    /*左區塊*/.app-content-body>.hbox>.col>.row .col-md-8{width:74%}
    /*右區塊*/.app-content-body>.hbox>.col>.row .col-md-4{width:26%;padding-left:0}
}
.form-group .col-xs-1, .form-group .col-sm-1, .form-group .col-md-1, .form-group .col-lg-1,
.form-group .col-xs-2, .form-group .col-sm-2, .form-group .col-md-2, .form-group .col-lg-2,
.form-group .col-xs-3, .form-group .col-sm-3, .form-group .col-md-3, .form-group .col-lg-3,
.form-group .col-xs-4, .form-group .col-sm-4, .form-group .col-md-4, .form-group .col-lg-4,
.form-group .col-xs-5, .form-group .col-sm-5, .form-group .col-md-5, .form-group .col-lg-5,
.form-group .col-xs-6, .form-group .col-sm-6, .form-group .col-md-6, .form-group .col-lg-6,
.form-group .col-xs-7, .form-group .col-sm-7, .form-group .col-md-7, .form-group .col-lg-7,
.form-group .col-xs-8, .form-group .col-sm-8, .form-group .col-md-8, .form-group .col-lg-8,
.form-group .col-xs-9, .form-group .col-sm-9, .form-group .col-md-9, .form-group .col-lg-9,
.form-group .col-xs-10, .form-group .col-sm-10, .form-group .col-md-10, .form-group .col-lg-10,
.form-group .col-xs-11, .form-group .col-sm-11, .form-group .col-md-11, .form-group .col-lg-11,
.form-group .col-xs-12, .form-group .col-sm-12, .form-group .col-md-12, .form-group .col-lg-12{
    padding-left:6px;
    padding-right:6px;
}
.box_shadow,.box_link{
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);    
    border-radius: 22px;
}
.box_link{
    background-color: #ebf8fd;
    border:2px solid #fff;
    text-align: center;
    padding-bottom:10px;
    overflow: hidden;
    margin-top:7px;
}
.box_link img{
    margin-bottom:6px;
}
.title_link{
    background:#fff url('../Content/Images/icon_globe.png') left center no-repeat;
    height:38px;
    box-shadow: 2px 3px 3px rgba(0,0,0,.1);
    margin-bottom:16px;
    color:#0c485a;
    font-size:20px;
    padding-top:8px;
}
.form-horizontal .control-label {padding-top:4px;}
@media (max-width: 768px) {
    .control-label{text-align:left;}
}

/*button,input*/
/*panel-heading右側按鈕*/
.panel-heading .btn{margin-left:5px;margin-top:-3px}
.panel-body .btn,.form-control{margin-bottom:2px}
.btn-rounded{padding-left:20px;padding-right:20px}
.form-control:focus{border-color:#226fdc}
.btn-info,.btn-info:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover{border-color:transparent}
/*blue button*/
.btn-info{background-color:#297fda}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{background-color:#2975c5}
/*red button*/
.btn-danger{background-color:#e54c4c}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{background-color:#d84848}
/*green button*/
.btn-success{background-color:#4cae4c}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{background-color:#48a648}
.btn_go{background:url('../Content/Images/btn_go.png') center center no-repeat;width:27px;height:27px}
@media (max-width: 768px) {
    .panel-heading .pull-right{float:none!important;}
}

/*footer*/
footer{font-size:13px}
.footer_top{
    background-color:#c0e0f8;
    border-top:1px solid #b8d9f7;
    border-bottom:2px solid #b6d9f5;
    padding:12px;
    font-size:13px;
}
.footer_top,.footer_top a,.footer a{
    color:#005f4e;
}
.footer{
    padding:20px;
    font-size:13px;
    background:#d2e9f8 url('../Content/Images/icon_phone.png') 6% center no-repeat;
}
.footer_top,.footer{
    padding-left:13%
}
@media (max-width: 768px) {
    .footer{background:#d2e9f8}
    .footer_top,.footer{padding-left:20px}
}

@media (min-width: 1200px) {
  .app.container {
    width: 1025px;
  }
  .app.container .app-header,
  .app.container .app-aside {
    max-width: 1025px;
  }
  .app.container.app-aside-dock .app-footer-fixed {
    max-width: 1025px;
  }
}

.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}

/*主選單-下拉submenu*/
.navbar-nav ul{
	position: absolute;
    top: 54px;
    z-index: 10;
    padding-left: 0;
    list-style: none;
    background-color: #e6f2e6;
    border: 1px solid #03c1a0;
    min-width: 120px;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
    display: none;
}
.navbar-nav li:hover ul{
	display: block;
}
.navbar-nav ul li a{
	display: block;
    width: 100%;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
}
.navbar-nav ul li a:hover{
	color: #363f44;
	background-color: #cae9cc
}

/*Tab*/
.nav-pills{
    background-image: -webkit-linear-gradient(#fff 0%,#eaeaea);
    background-image: -o-linear-gradient(#fff 0%,#eaeaea);
    background-image: linear-gradient(#fff 0%,#eaeaea);
}
.nav-pills>li>a {
    border-radius: 0;
}
.nav-pills>li>a:hover, .nav-pills>li>a:focus {
    background-color: #eaeaea;
}

/*dropzone*/
.dropzone{
	padding:0!important;
	min-height:0px!important;
	border:0!important;
	height: 35px;
}
.dropzone a.dz-open, .dropzone-previews a.dz-open{
	background:#297fda!important;
	color:#fff!important
}
.dropzone .dz-preview, .dropzone-previews .dz-preview{
	padding: 0!important;
    margin: 0!important;
    width: 100%;
	cursor:pointer
}
.dropzone a.dz-remove, .dropzone-previews a.dz-remove{background:#e54c4c!important;color:#fff!important}
.dropzone a.dz-open, .dropzone-previews a.dz-open{width:100%;display:inline-block!important;margin-top:0!important;font-size:13px;}
.dz-size{font-size:12px}
.dropdown_inline {min-height:34px!important;}
.dropdown_inline .dz-default.dz-message {
        height: 34px;
        margin-top:0;
        padding-top:3px;
        top: 0;
        cursor:pointer;
        color:#666
    }
.dropdown_inline .dz-default.dz-message:hover {
    background-color:#ddd
    }
.dropdown_inline  .dz-default.dz-message span .upload-icon {
        font-size: 2em;
    }
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details,
.dropzone .dz-default.dz-message,
.dropzone a.dz-remove, .dropzone-previews a.dz-remove,
.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark,
.dz-size,
input[type=file]{
	display:none!important
}