@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
/*
 * CSS Document
 * ==========================================
 * Copyright © 2016 米亞創意網頁設計公司
 * http://www.miya.com.tw
 * ==========================================
 * $Author: 米亞 $
 * $Date: 2016-10-17 $
*/


@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);/*思源黑體*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexfangsong.css);/*仿宋體*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);/*黑體*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css);/*楷體*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);/*明體*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);/*圓體*/


/* ==========================================================================
   body
========================================================================== */
body {
  font-family: '微軟正黑體', "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}



/* ==========================================================================
   login
========================================================================== */
.login-logo,
.register-logo {
	/* background:url(../../images/admin/logo.png) 50% 0 no-repeat; */
	color: #fff;
	cursor: default;
	padding-top: 50px;
	margin-bottom: 10px;
}
.login-page,
.register-page {
	background: -webkit-linear-gradient(#2795b7,#a0deed,#0280a7);
	background: -o-linear-gradient(#2795b7,#a0deed,#0280a7);
	background: -moz-linear-gradient(#2795b7,#a0deed,#0280a7);
	background: linear-gradient(#2795b7,#a0deed,#0280a7);
}

.login_chksum {
	padding-top: 5px;
}

.login_forget {
	text-align: center;
	margin-top: 20px;
}
.login_forget a {
	color: #fff;
}
.login_forget span {
	display: inline-block;
	padding-left: 8px;
}



/* ==========================================================================
   logo
========================================================================== */
.main-header .logo .logo-lg {
  height: 50px;
  background:url(../../images/admin/logo.png) 50% 0 no-repeat;
  font-size: 0;
}
.main-header .logo .logo-mini {
  width: 50px;
  height: 50px;
  background:url(../../images/admin/logo_s.png) 50% 0 no-repeat;
}
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
  	font-size: 0;
  }
}
 


/* ==========================================================================
   右上icon - 網站前台&登出
========================================================================== */
.main-header .sidebar-toggle {
  font-size: 20px;
  padding: 11px 17px;
}
.navbar-custom-menu .navbar-nav > li > a {
  font-size: 20px;
  padding: 14px 17px 13px;
}
.navbar-custom-menu .navbar-nav > li > a span {
  display: inline-block;
  font-size: 14px;
  padding-left: 7px;
}
/*
@media (max-width: 480px) {
  .navbar-custom-menu .navbar-nav > li > a {
	font-size: 18px;
  	padding: 14px 12px;
  }
  .navbar-custom-menu .navbar-nav > li > a span {
	display: inline-block;
	font-size: 13px;
	padding-left: 3px;
  }
}
*/



/* ==========================================================================
   左側選項
========================================================================== */
.sidebar-menu > li {
	background-color: #3896ae;
	margin-bottom: 1px;
}
.sidebar-menu > li > a {
  display: block;
  font-size: 15px;
  font-weight: normal;
  padding: 12px 5px 12px 13px;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
	font-size: 20px;
}
.skin-blue-light .sidebar-menu > li > a > span {
	display: inline-block;
	line-height: 0px;
	padding-left: 15px;
}

/*下拉選項*/
.sidebar-menu .treeview-menu li {
	left: 0;
	list-style: circle;
	margin-left: 35px;
}
.sidebar-menu .treeview-menu > li > a > span {
  display: block;
  margin-left: -5px;
  
}

.skin-blue-light .sidebar-menu > li > .treeview-menu > li:hover {
  	background: #f4f4f4;
	padding-left: 40px;
	margin-left: -5px;
}



/* ==========================================================================
   內文區塊
========================================================================== */
.content-wrapper,
.right-side {
  background-color: #fff;
}

.content-header > h1 {
  font-family: '微軟正黑體';
}

.content-header > .breadcrumb {
  font-size: 13px;
}
@media (max-width: 991px) {
  .content-header > .breadcrumb {
    background: #efefef;
    margin-top: 10px;
  }
  .content-header > .breadcrumb li:before {
    color: #000;
  }
}

.content {
	padding-bottom: 50px;
	position: relative;
}

.operation_manual {
	position: absolute;
	top: -30px;
	left: 350px;
}
.operation_manual_02 {
	position: absolute;
	top: -30px;
	left: 370px;
}
.operation_manual_03 {
	position: absolute;
	top: -30px;
	left: 390px;
}
@media (max-width: 800px) {
	.operation_manual, .operation_manual_02, .operation_manual_03 {
		top: -70px;
		left: inherit;
		right: 15px;
	}
}
@media (max-width: 424px) {
	.operation_manual, .operation_manual_02, .operation_manual_03 {
		position: absolute;
		top: 15px;
		z-index: 99;
	}
}


/* admin/index  */
.small-box > .inner {
  padding: 20px;
  min-height: 135px;
}

.small-box h4 {
  font-family: Verdana, '微軟正黑體';
  font-size: 22px;
  font-weight: normal;
  white-space: nowrap;
  padding: 0;
  margin: 0 0 10px 0;
}
.small-box h5 {
	padding-top: 10px;
}
.small-box h5 p {
  font-family: Verdana, '微軟正黑體';
  font-size: 15px;
  white-space: nowrap;
}
@media (max-width: 320px) {
	.small-box h5 p {
	  font-size: 14px;
	}
}
.small-box h3 {
  font-family: Verdana, '微軟正黑體';
  font-size: 28px;
  font-weight: normal;
}
.small-box h3 span {
  display: inline-block;
  font-family: Verdana, '微軟正黑體';
  font-size: 20px;
  padding-left: 10px;
}

.small-box a {
	color: #fff;
}
.small-box a:hover {
	color: #ffff00;
}

.small-box p {
  font-family: Verdana, '微軟正黑體';
  font-size: 17px;
}

.small-box p i {
	display: inline-block;
	font-size: 17px;
	padding-left: 15px;
}
@media (max-width: 800px) {
	.small-box p i {
		display: block;
		font-size: 20px;
		padding-left: 0px;
		padding-top: 10px;
	}
}

.small-box .icon {
  position: absolute;
  top: -10px;
  right: 30px;
  color: rgba(0, 0, 0, 0.15);
  font-size: 100px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 0;
}



/*共用設定*/
.M_box_position {
	position: relative;
}

.M_select_padding { /*下拉選項對齊*/
	padding-left: 15px;
	padding-right: 15px;
}

.M_line-height30 { /*行距*/
	line-height: 30px;
}
.M_line-height50 {
	line-height: 50px;
}

.M_ul_nostyle { /*選擇功能項目*/
	list-style: none;
}

.M_line { /*隔線*/
	border-top: 1px dotted #ddd;
	padding: 15px 0 12px;
	margin-top: 15px;
}
.M_line02 { /*隔線*/
	border-top: 1px dotted #8c8c8c;
	padding: 15px 0 12px;
	margin-top: 15px;
}

@media (max-width: 320px) {
  .hidden-320 { /*群組權限管理user/group_show*/
    display: none !important;
  }
}

.M_prokind span {
	display: block;
	line-height: 22px;
}


/*上方新增按鈕，選項資料管理template/menu*/
.M_addbtn { 
	position: absolute;
	top: 30px;
	left: 170px;
	z-index: 999;
}
.M_addbtn select {
	height: 30px;
	padding-top: 3px;
}

.M_addbtn02 { 
	top: 0px;
	left: 10px;
	padding-bottom: 10px;
	z-index: 999;
}
.M_addbtn02 select {
	height: 30px;
	padding-top: 3px;
}

.M_addbtn04 { 
	position: absolute;
	top: 10px;
	left: 150px;
	z-index: 999;
}
.M_addbtn04 select {
	height: 30px;
	padding-top: 3px;
}

.btn_addbtn {
	width: 120px;
	height: 30px;
	padding-top: 5px;
}


.M_panel-body_bg { /*多組選項時*/
	background-color: #f9f9f9;
}


.M_panel-body_bg textarea { /*前端資料管理裏seo填寫欄template/pageset*/
	display: block;
	margin-top: 10px;
}


.M_p_group { /*群組權限登錄的全選按鈕user/group_reg*/
	padding-top: 10px;
}
@media (max-width: 720px) {
	.M_p_group {
		display: inline;
	}
}


.form-inline .input_link { /*選項資料登錄的連結填寫欄template/menu_reg*/
    width: 50%;
}
@media (max-width: 800px) {
	.form-inline .input_link {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
}


/*訂單管理系統*/
.box .boxpadding{
  padding: 0px;
}
.box-header .box-title {
  font-size: 15px;
}

#example4 th {
	background-color: #8c8c8c;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 150px;
}


/*報表管理系統*/
#example3 th, #example3 tfoot {
	background-color: #000;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.M_span_padding {
	display: inline-block;
	padding-left: 20px;
}
.M_span_padding02 {
	display: inline-block;
	padding-left: 5px;
}

.M_width250 {
	width: 250px;
}
.M_width500 {
	width: 80%;
}





/* ==========================================================================
   footer
========================================================================== */
.main-footer {
  background: #efefef;
  padding: 8px 15px;
  border-top: 0px solid #d2d6de;
  font-size: 12px;
  font-family:  Verdana, '新細明體', sans-serif;
}
.main-footer a {
	color: #444;
}
.main-footer a:hover {
	color: #000;
}
.main-footer .pull-right i {
	font-size: 16px;
}
.main-footer .pull-right span {
	display: inline-block;
	padding-left: 5px;
}
@media (max-width: 360px) {
.main-footer {
	  text-align: center;
  }
}