@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

body::selection {
	background: #fef8ae; /* Safari */
	}
body::-moz-selection {
	background: #fef8ae; /* Firefox */
}
body{
	color:#333333;
	font-size: 13.5px;
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ebebeb;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
img {
	max-width: 100%;
}

.cke_chrome{ border:none; }

.windows h3 small {
	font-size: 0.6em;
	color: #999999;
}
.font-heading {
    font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.breadcrumb, .font-montserrat {
    font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
}
.btn {
	font-family: Arial, Microsoft JhengHei, sans-serif;
}
.page-sidebar .icon-thumbnail a, .page-sidebar .icon-thumbnail a:hover, .page-sidebar .icon-thumbnail a:visited, .page-sidebar .icon-thumbnail a:focus {
    color: #ffffff;
}
.live-tile h3 a:link {
	text-decoration: none !important;
}

.f-right {
	float: right;
}

.pace .pace-progress {
    background: #90c31f;
}
.label {
	font-weight: normal;
}
.table tbody tr td .label {
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*title*/
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
	color: #ffffff;
}

/*jumbotron header*/
.jumbotron {
	margin-bottom: 0;
}
.jumbotron .thumbnail-wrapper h1 {
	font-size: 28px;
}
.jumbotron .thumbnail-wrapper.d48 > * {
    line-height: 48px;
}
.jumbotron .thumbnail-wrapper h1 i.fa {
	color: rgba(0,0,0,0.3);
}
.jumbotron .bg-master {
	background-color: rgba(50,50,50,0.1);
}
.jumbotron.text-white .bg-master-light {
	background-color: rgba(255,255,255,0.2);
}
.jumbotron.text-white .thumbnail-wrapper h1 i.fa {
	color: rgba(255,255,255,0.8);
}

.social-wrapper .social .jumbotron {
    height: 25vh;
}
body.no-header .social-wrapper .social .jumbotron {
    height: 45vh;
}
@media (max-width: 991px) {
	body.no-header .social-wrapper .social .jumbotron {
		height: calc(30vh + 60px);
	}
}

/*path*/
.breadcrumb {
	font-size: 10.5px !important;
    letter-spacing: 0.06em;
    font-weight: 500;
    color: #7b7d82;
}
.breadcrumb a {
	margin-left: 0;
	margin-right: 0;
}
.breadcrumb > .breadcrumb-item + .breadcrumb-item:before {
	padding: 0 10px;
}

.jumbotron .breadcrumb, .jumbotron .breadcrumb a {
	color: rgba(0,0,0,0.3);
}
.jumbotron .breadcrumb a:hover {
	color: rgba(0,0,0,0.5);
}
.jumbotron .breadcrumb > .breadcrumb-item + .breadcrumb-item:before {
	color: rgba(0,0,0,0.3);
}
.jumbotron .breadcrumb, .jumbotron .breadcrumb.light a {
	color: rgba(255,255,255,0.85);
}
.jumbotron .breadcrumb.light a:hover {
	color: rgba(255,255,255,1);
}
.jumbotron .breadcrumb.light > .breadcrumb-item + .breadcrumb-item:before {
	color: rgba(255,255,255,0.85);
}

.jumbotron.text-white .breadcrumb, 
.jumbotron.text-white .breadcrumb a, 
.jumbotron.text-white .breadcrumb > .breadcrumb-item + .breadcrumb-item:before {
	color: rgba(255,255,255,0.6);
}
.jumbotron.text-white .breadcrumb a:hover {
	color: rgba(255,255,255,0.9);
}
/*header*/
#top-cart-toggle {
	display: block;
    position: relative;
}
#top-cart-toggle .top-cart-number {
	display: block;
    position: absolute;
    top: -0.7rem;
    left: auto;
    right: -0.9rem;
    font-size: 0.625rem;
    color: #FFF;
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
	background-color: #f08200;
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header.bg-transparent {
	border-bottom: none;
}
.header.bg-transparent, .header.bg-transparent a {
	color: #ffffff;
}
.header.bg-transparent .dropdown-menu > li, .header.bg-transparent .dropdown-menu > .dropdown-item {
	color: #626262;
}
@media (max-width: 991px) {
	/*.header .brand {
		max-width: 78px;
		margin-right: 15px;
	}*/
}
@media only screen and (min-width: 992px) {
	.header .brand {
		text-align: left;
		width: auto;
		margin-right: 30px;
	}
	.header .brand a {
		margin-left: 98px;
	}
	body.menu-pin .header .brand {
		margin-right: 0;
	}
	.header .brand img {
		max-height: 44px;
	}
}

/*siderbar*/
.page-sidebar .sidebar-header img {
	max-height: 44px;
}
.page-sidebar .sidebar-menu .menu-items > li > a,
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a {
    font-family: Arial, Microsoft JhengHei, sans-serif;
}
.fixed-header .page-sidebar .sidebar-header .sidebar-header-controls {
	position: absolute;
	right: 72px;
	top: 0;
}
.fixed-header.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
	right: 44px;
}

/*table*/
.table thead tr th {
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:rgba(10,10,10,1);
	font-size: 0.75rem;
	font-weight: normal;
}
.table tbody tr td {
	padding: 10px .75rem;
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
}
.table tbody tr td strong {
	font-weight: 500;
}
.table.table-condensed tbody tr td {
	white-space: normal;
}

table .fa-toggle-on {
	color: #10cfbd;
}
table .fa-trash {
	color: #646972;
}
table .fa-pencil {
	color: #6D5CAE;
}

@media (max-width: 767px) {
	.t-xs-breakall {
		word-break: break-all;
	}
}
@media (max-width: 479px) {
	.xs-m-t-10 {
		margin-top: 10px;
	}
}

@media (min-width: 768px) {
	.t-sm-breakall {
		word-break: break-all;
	}
}
@media (min-width: 992px) {
	.w-md-150 {
		width: 250px;
	}
}
@media (min-width: 1200px) {
	.w-lg-250 {
		width: 250px;
	}
}


/*pagination*/
.paging_simple_numbers {
  float: right;
}
.paging_simple_numbers ul > li.disabled a {
  opacity: .5;
}
.paging_simple_numbers ul > li > a {
  padding: 5px 10px;
  color: #626262;
  opacity: .35;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.paging_simple_numbers ul > li > a:hover {
  opacity: .65;
}
.paging_simple_numbers ul > li.next > a,
.paging_simple_numbers ul > li.prev > a {
  opacity: 1;
}
.paging_simple_numbers ul > li.active > a {
    font-weight: bold;
    color: #626262;
    opacity: 1;
}
.paging_simple_numbers ul > li.disabled a {
  opacity: .35;
}
.paging_simple_numbers ul > li.disabled a:hover {
  opacity: .35;
}
.paginate_info {
  clear: none;
  font-size: 12px;
  padding: 0;
  color: #626262;
}
.paging_simple_numbers ul > li {
  display: inline-block;
  padding-left: 0;
  font-size: 11px;
}

/*clearfix*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
	overflow:hidden;
}
.clearfix{
    zoom:1;
}

/*checkbox*/
.checkbox label:before, .checkbox label::after {
	top: 0;
}
td .checkbox label:before, td .checkbox label::after {
	top: 0px;
}
.table tbody tr td .checkbox label::after {
     left: 3.5px; 
}

/*breadcrumb*/
.card .card-header .breadcrumb {
	padding-bottom: 0;
}
@media (max-width: 991px) {
	.breadcrumb {
		padding-left: 0;
		padding-right: 0;
	}
}

/*width*/
.w-100-px {
	width: 100px;
}

/*form*/
.form-group-default {
	border: 1px solid rgba(0, 0, 0, 0.15);
}
.form-group-default.bg-master-lighter {
	background-color: #f0f0f0;
}
.form-group-default .form-control {
	height: 30px;
	min-height: 30px;
	font-size: 16px;
}
.form-control {
	font-family: "Open Sans", Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.form-horizontal .form-group .control-label {
    opacity: .8;
}
textarea.form-control {
	height: auto;
}
.form-group-default label.fade {
    opacity: 1;
}
.form-group label:not(.error) {
	text-transform: none;
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	color: rgba(98, 98, 98, 0.6);
}
.form-group.form-group-inline .radio, .form-group.form-group-inline .checkbox {
	line-height: 27px;
}

@-moz-document url-prefix() { 
	.form-group.form-group-inline .form-group-label {
		margin-top: 2px;
	}
}

/*sidebar-menu*/
.page-sidebar .sidebar-menu .menu-items li > a {
	width: 75%;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .title {
	width: 85%;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
	padding-right: 15px;
}
.panel-footer-logo {
	margin: 1rem 0 0 0;
}
.panel-footer-logo a {
	opacity: 0.4;
}
.panel-footer-logo a:hover {
	opacity: 0.8;
}
.page-sidebar a, .page-sidebar button {
    color: #fff !important;
}

/*side-modal-editor*/
#modal_edit .modal-content-wrapper {
	background: #ffffff;
}
#modal_edit.modal .modal-body {
	padding-top: 25px;
}
.modal.fade.slide-right .close {
	top: 10px;
}

@media (min-width: 1200px) {
	.slide-right.modal .modal-lg {
		width: 80%;
		max-width: 80%;
	}
}
@media (min-width: 768px) {
	.slide-right.modal .modal-dialog {
		width: 80%;
		max-width: 80%;
	}
}
@media (min-width: 576px) {
	.slide-right.modal .modal-dialog {
		width: 80%;
		max-width: 80%;
	}
}
@media (max-width: 575px) {
	.slide-right.modal .modal-dialog {
		width: 100%;
		max-width: 100%;
	}
}

/*color*/
.b-delight {
  border-color: #f08200;
}
.bg-delight {
	background-color: #f08200;
}
.bg-delight-dark {
  background-color: #cf7001;
}
.bg-delight-darker {
  background-color: #a95c00;
}
.bg-delight-light {
  background-color: #ffb155;
}
.bg-delight-lighter {
  background-color: #ffecd5;
}
.btn-delight,
.btn-delight:focus {
	color: #fff;
	background-color: #f08200;
	border-color: #f08200;
}
.btn-delight.active,
.btn-delight:active,
.btn-delight.active:focus,
.btn-delight:active:focus,
.btn-delight:active:hover,
.show .dropdown-toggle.btn-delight {
	background-color: #d07100;
	border-color: #d07100;
	color: #fff;
}
.btn-delight.hover,
.btn-delight:hover,
.show .dropdown-toggle.btn-delight {
	background-color: #ffb257;
	border-color: #ffb257;
	color: #fff;
}
.btn-delight.active:hover {
	background: #d07100;
	border-color: #d07100;
}
.btn-delight.disabled,
.btn-delight[disabled],
fieldset[disabled] .btn-delight,
.btn-delight.disabled:hover,
.btn-delight[disabled]:hover,
fieldset[disabled] .btn-delight:hover,
.btn-delight.disabled:focus,
.btn-delight[disabled]:focus,
fieldset[disabled] .btn-delight:focus,
.btn-delight.disabled:active,
.btn-delight[disabled]:active,
fieldset[disabled] .btn-delight:active,
.btn-delight.disabled.active,
.btn-delight[disabled].active,
fieldset[disabled] .btn-delight.active {
  background-color: #f08200;
  border-color: #f08200;
}
.btn-delight .badge {
	color: #f08200;
	background-color: #fff;
}
.radio.radio-delight input[type=radio]:checked + label:before {
	border-color: #f08200;
}
.radio.radio-delight.radio-check input[type=radio]:checked + label:before {
	background-color: #f08200;
}

.text-delight {
	color: #f08200 !important;
}
.label-delight {
  background-color: #f08200;
  color: #fff;
}
.checkbox.check-delight input[type=checkbox]:checked + label:before {
  border-color: #f08200;
}

.b-safe {
  border-color: #90c31f;
}
.bg-safe {
	background-color: #90c31f;
}
.bg-safe-dark {
  background-color: #7baa11;
}
.bg-safe-darker {
  background-color: #5f8902;
}
.bg-safe-light {
  background-color: #b6e450;
}
.bg-safe-lighter {
  background-color: #e3ffa5;
}
.btn-safe,
.btn-safe:focus {
	color: #fff;
    background-color: #90c31f;
    border-color: #90c31f;
}
.btn-safe.active,
.btn-safe:active,
.btn-safe.active:focus,
.btn-safe:active:focus,
.btn-safe:active:hover,
.show .dropdown-toggle.btn-safe {
  background-color: #78a31a;
  border-color: #78a31a;
  color: #fff;
}
.btn-safe.hover,
.btn-safe:hover,
.show .dropdown-toggle.btn-safe {
  background-color: #a4d539;
  border-color: #a4d539;
  color: #fff;
}
.btn-safe.active:hover {
  background: #78a31a;
  border-color: #78a31a;
}
.btn-safe.disabled,
.btn-safe[disabled],
fieldset[disabled] .btn-safe,
.btn-safe.disabled:hover,
.btn-safe[disabled]:hover,
fieldset[disabled] .btn-safe:hover,
.btn-safe.disabled:focus,
.btn-safe[disabled]:focus,
fieldset[disabled] .btn-safe:focus,
.btn-safe.disabled:active,
.btn-safe[disabled]:active,
fieldset[disabled] .btn-safe:active,
.btn-safe.disabled.active,
.btn-safe[disabled].active,
fieldset[disabled] .btn-safe.active {
  background-color: #90c31f;
  border-color: #90c31f;
}
.btn-safe .badge {
  color: #90c31f;
  background-color: #fff;
}
.radio.radio-safe input[type=radio]:checked + label:before {
  border-color: #90c31f;
}
.text-safe {
	color: #90c31f;
}
.label-safe {
  background-color: #90c31f;
  color: #fff;
}
.checkbox.check-safe input[type=checkbox]:checked + label:before {
  border-color: #90c31f;
}

.btn-facebook, .btn-facebook:focus {
	color: #fff;
    background-color: #4267b2;
    border-color: #4267b2;
}
.btn-facebook.active,
.btn-facebook:active,
.btn-facebook.active:focus,
.btn-facebook:active:focus,
.btn-facebook:active:hover,
.show .dropdown-toggle.btn-facebook {
  background-color: #365899;
  border-color: #365899;
  color: #fff;
}
.btn-facebook.hover,
.btn-facebook:hover,
.show .dropdown-toggle.btn-facebook {
  background-color: #517dd7;

  border-color: #517dd7;
  color: #fff;
}
.btn-facebook.active:hover {
  background: #365899;
  border-color: #365899;
}
 
/*dataform*/
.col-sm-6 .dataTables_length, .col-sm-5 .dataTables_info {
	width: 100%;
	text-align: left;
}
div.dataTables_wrapper div.dataTables_length select {
	width: auto;
}
div.dataTables_wrapper div.dataTables_info {
	padding: 0;
}
@media (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter {
		text-align: left;
	}
	div.dataTables_wrapper div.dataTables_filter {
		width: 100%;
	}
}
@media (max-width: 479px) {
	.label {
		padding: 3px;
	}
}


/*row*/
@media only screen and (min-width: 768px) {
	form .row.row-list {
		margin-left: -7px;
		margin-right: -7px;
	}
	form .row.row-list [class*='col-']:first-child {
		padding-left: 7px;
	}
	form .row.row-list [class*='col-']:last-child {
		padding-right: 7px;
	}
}

/*card select templates*/
.card.card-bold-border {
	border: 3px solid transparent;
	background-color: transparent;
}
.card.card-bold-border .card-block {
	border: solid 1px #dfdfdf;
}
.card.card-bold-border.current, .card.card-bold-border.current:hover, .card.card-bold-border.current .card-block, .card.card-bold-border.current:hover .card-block {
	border-color: #f08200;
}
.card.card-bold-border:hover, .card.card-bold-border:hover .card-block {
	border-color: #ffb155;
}

/*card*/
.card.card-form-group {
	 border: 1px solid rgba(0, 0, 0, 0.15);
	 margin-bottom: 10px;
}
.card.card-form-group .card-header {
	padding: 7px 12px 0 12px;
	min-height: auto;
}
.card .card-header .card-title {
	font-family: 'Open Sans', Microsoft JhengHei, sans-serif;
	line-height: 20px;
}
.card.card-form-group .card-block {
    padding: 0 12px 7px 12px;
}

/*login*/
.login-bg {
	background-size: cover;
}
.login-bg-r {
	background: url(../../assets/img/sign_in/background04.jpg) no-repeat left center;
	background-size: cover;
}
.login-separate-line {
	position: relative;
}
.login-separate-line:before {
	position: absolute;
	border-top: 1px solid #dfdfdf;
	top: 14px;
	left: 0;
	width: 100%;
	display: block;
	content:'';
	z-index: 1;
}
.login-separate-line span {
	display: inline-block;
	background-color: #ffffff;
	padding: 0 10px;
	position: relative;
	z-index: 2;
	font-size: 1.2em;
}
@media (min-width: 1824px) {
	#modal_edit.modal .container-fluid.container-fixed-lg {
		 width: 100%; 
	}
}

@media (min-width: 992px) {
	#modal_edit.modal .modal-dialog {
		 width: 90%; 
		 max-width: none;
	}
	body.menu-pin #modal_edit.modal .modal-dialog {
		 width: calc(100% - 250px); 
	}
	#modal_edit.modal.fade.fill-in .modal-content {
		display: block;
	}
}

/*��𣇉���𠰴��*/
#dropz.dropzone {
	text-align: left !important;
	background: rgba(0,0,0,0.01);
}
.dropzone .dz-default.dz-message {
	background-image: url(../img/spritemap-tw.png) !important;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../img/spritemap@2x-tw.png") !important;
  }
}

/*form*/
.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
	height: 57px;
	padding-top: 25px;
}

.check-inline .checkbox {
	display: inline-block;
	min-width: 10em;
}
.form-group-inline .radio label, .form-group-inline .checkbox label {
	display: inline-block;
	margin-right: 15px;
}
.checkbox.checkbox-circle input[type="checkbox"] {
	-moz-appearance:none;
	margin-left: -3px;
}
.checkbox.checkbox-circle label::after {
	left: 3px;
}
.radio input[type=radio] {
	position: absolute;
}

/*radio璅���*/
.radio.radio-check label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.5px;
    top: 0px;
    font-size: 11px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.radio.radio-check input[type=radio]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}


.modal select.select2 {
	border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    padding: 2px 9px;
    transition: border 0.2s linear 0s;
	background-color: #fff;
	height: 35px;
}
.b-transparent-grey {
	border-color: rgba(0,0,0,0.1);
}
.modal .form-group-default.form-group-default-select {
	border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 2px 9px 2px 9px;
    transition: border 0.2s linear 0s;
	background-color: #fff;
	height: 37px;
}
.modal .form-group-default.form-group-default-select2 {
	border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 30px 9px 2px 9px;
    transition: border 0.2s linear 0s;
	background-color: #fff;
	height: 58px;
}
.modal .form-group-default.form-group-default-select.focused, .modal .form-group-default.form-group-default-select2.focused {
	background-color: #f0f0f0;
}
.modal .form-group-default.form-group-default-select > label, .modal .form-group-default.form-group-default-select2 > label {
	top: 0;
	left: 0;
}
.modal .form-group-default.form-group-default-select select, .modal .form-group-default.form-group-default-select2 select {
	border: none;
}
.modal .form-group-default.form-group-default-select.focused select, .modal .form-group-default.form-group-default-select2.focused select {
	background-color: #f0f0f0;
}


ul#image_list, ul#file_list_image_list, ul#figure_image_list {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul#image_list li, ul#file_list_image_list li, ul#figure_image_list li {
	float: left;
	padding-left: 0;
    margin: 5px 5px 0 0;
    list-style: none;
}
ul#image_list li .overlayer-wrapper a, ul#file_list_image_list li .overlayer-wrapper a, ul#figure_image_list li .overlayer-wrapper a {
	color: #ffffff;
}
ul#image_list li .overlayer-wrapper a:hover, ul#file_list_image_list li .overlayer-wrapper a:hover, ul#figure_image_list li .overlayer-wrapper a:hover {
	color: #fafafa;
}


/*shopping*/
.form-group-default.bg-danger-light {
	background-color: #f77975;
}
.form-group-default.text-white .form-control {
	color: #ffffff;
}


/*card*/
.card-body .card-title {
	font-size: 10.5px;
}
.card-title h5 {
	margin: 0;
}
.form-group-label {
	font-size: 10.5px;
    letter-spacing: 0.06em;
    font-weight: 500;
}
.form-group-attached .checkbox {
	position: relative;
}
.form-group-attached .checkbox.no-checkbox-label {
	padding-top: 0 !important;
}
.form-group-attached .checkbox .checkbox-label {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10.5px;
    letter-spacing: 0.06em;
    font-weight: 500;
}

.modal .input-daterange .input-group-addon {
	padding: 16px 8px;
}


/*擐㚚�*/
.ar-2-1 .card .card-header {
	padding: 7px 20px;
}
.card-header .text-black a:not(.btn) {
	color: #2c2c2c !important;
	opacity: 1;
}


/*panel theme colors*/
.bg-primary-darker {
    background-color: #413768 !important;
}

.page-sidebar .sidebar-menu .menu-items li:hover i {
	color: #ffffff !important;
}

.bg-darkorange {
	background-color: #F4511E !important;
}
.page-sidebar .sidebar-menu .menu-items li .darkorange i {
	color: #F4511E;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.darkorange {
	background: #F4511E;
}
.text-darkorange {
	color: #F4511E !important;
}
.border-darkorange {
	border-color: #F4511E !important;
}

.bg-coral {
	background-color: #f2612c !important;
}
.page-sidebar .sidebar-menu .menu-items li .coral i {
	color: #f2612c;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.coral {
	background: #f2612c;
}
.text-coral {
	color: #f2612c !important;
}
.border-coral {
	border-color: #f2612c !important;
}

.bg-mediumseagreen {
	background-color: #3cb371 !important;
}
.page-sidebar .sidebar-menu .menu-items li .mediumseagreen i {
	color: #3cb371;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.mediumseagreen {
	background: #3cb371;
}
.text-mediumseagreen {
	color: #3cb371 !important;
}
.border-mediumseagreen {
	border-color: #3cb371 !important;
}

.bg-gress-green {
	background-color: #a1c100 !important;
}
.page-sidebar .sidebar-menu .menu-items li .gress-green i {
	color: #a1c100;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.gress-green {
	background: #a1c100;
}
.text-gress-green {
	color: #a1c100 !important;
}
.border-gress-green {
	border-color: #a1c100 !important;
}

.bg-lightseagreen {
	background-color: #20b2aa !important;
}
.page-sidebar .sidebar-menu .menu-items li .lightseagreen i {
	color: #20b2aa;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.lightseagreen {
	background: #20b2aa;
}
.text-lightseagreen {
	color: #20b2aa !important;
}
.border-lightseagreen {
	border-color: #20b2aa !important;
}

.bg-sandybrown {
	background-color: #ea8127 !important;
}
.page-sidebar .sidebar-menu .menu-items li .sandybrown i {
	color: #ea8127;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.sandybrown {
	background: #ea8127;
}
.text-sandybrown {
	color: #ea8127 !important;
}
.border-sandybrown {
	border-color: #ea8127 !important;
}

.bg-blue-light {
	background-color: #96b8db !important;
}
.page-sidebar .sidebar-menu .menu-items li .blue-light i {
	color: #96b8db;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.blue-light {
	background: #96b8db;
}
.text-blue-light {
	color: #96b8db !important;
}
.border-blue-light {
	border-color: #96b8db !important;
}

.bg-slateblue {
	background-color: #7b68ee !important;
}
.page-sidebar .sidebar-menu .menu-items li .slateblue i {
	color: #6a5acd;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.slateblue {
	background: #6a5acd;
}
.text-slateblue {
	color: #7b68ee !important;
}
.border-slateblue {
	border-color: #7b68ee !important;
}

.bg-blue-green {
	background-color: #47c6c6 !important;
}
.page-sidebar .sidebar-menu .menu-items li .blue-green i {
	color: #47c6c6;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.blue-green {
	background: #47c6c6;
}
.text-blue-green {
	color: #47c6c6 !important;
}
.border-blue-green {
	border-color: #47c6c6 !important;
}

.bg-yellow-light {
	background-color: #fdd666 !important;
}
.page-sidebar .sidebar-menu .menu-items li .yellow-light i {
	color: #fdd666;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.yellow-light {
	background: #fdd666;
}
.text-yellow-light {
	color: #fdd666 !important;
}
.border-yellow-light {
	border-color: #fdd666 !important;
}

.bg-orange-dark {
	background-color: #c66618 !important;
}
.page-sidebar .sidebar-menu .menu-items li .orange-dark i {
	color: #c66618;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.orange-dark {
	background: #c66618;
}
.text-orange-dark {
	color: #c66618 !important;
}
.border-orange-dark {
	border-color: #c66618 !important;
}

.bg-red-dark {
	background-color: #b24f3f !important;
}
.page-sidebar .sidebar-menu .menu-items li .red-dark i {
	color: #b24f3f;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.red-dark {
	background: #b24f3f;
}
.text-red-dark {
	color: #b24f3f !important;
}
.border-red-dark {
	border-color: #b24f3f !important;
}

.bg-orange-light {
	background-color: #f58268 !important;
}
.page-sidebar .sidebar-menu .menu-items li .orange-light i {
	color: #f58268;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.orange-light {
	background: #f58268;
}
.text-orange-light {
	color: #f58268 !important;
}
.border-orange-light {
	border-color: #f58268 !important;
}

.bg-tomato {
	background-color: #ff6347 !important;
}
.page-sidebar .sidebar-menu .menu-items li .tomato i {
	color: #ff6347;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.tomato {
	background: #ff6347;
}
.text-tomato {
	color: #ff6347 !important;
}
.border-tomato {
	border-color: #ff6347 !important;
}

.bg-yellowgreen {
	background-color: #9acd32 !important;
}
.page-sidebar .sidebar-menu .menu-items li .yellowgreen i {
	color: #9acd32;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.yellowgreen {
	background: #9acd32;
}
.text-yellowgreen {
	color: #9acd32 !important;
}
.border-yellowgreen {
	border-color: #9acd32 !important;
}

.bg-mediumaquamarine {
	background-color: #66CDAA !important;
}
.page-sidebar .sidebar-menu .menu-items li .mediumaquamarine i {
	color: #66CDAA;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.mediumaquamarine {
	background: #66CDAA;
}
.text-mediumaquamarine {
	color: #66CDAA !important;
}
.border-mediumaquamarine {
	border-color: #66CDAA !important;
}

.bg-skyblue {
	background-color: #87ceeb !important;
}
.page-sidebar .sidebar-menu .menu-items li .skyblue i {
	color: #87ceeb;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.skyblue {
	background: #87ceeb;
}
.text-skyblue {
	color: #87ceeb !important;
}
.border-skyblue {
	border-color: #87ceeb !important;
}

.bg-cornflowerblue {
	background-color: #6495ED !important;
}
.page-sidebar .sidebar-menu .menu-items li .cornflowerblue i {
	color: #6495ED;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.cornflowerblue {
	background: #6495ED;
}
.text-cornflowerblue {
	color: #6495ED !important;
}
.border-cornflowerblue {
	border-color: #6495ED !important;
}

.bg-mediumpurple {
	background-color: #9e84d4 !important;
}
.page-sidebar .sidebar-menu .menu-items li .mediumpurple i {
	color: #9370DB;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.mediumpurple {
	background: #9370DB;
}
.text-mediumpurple {
	color: #9e84d4 !important;
}
.border-mediumpurple {
	border-color: #9e84d4 !important;
}

.bg-limegreen {
	background-color: #32CD32 !important;
}
.page-sidebar .sidebar-menu .menu-items li .limegreen i {
	color: #32CD32;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.limegreen {
	background: #32CD32;
}
.text-limegreen {
	color: #32CD32 !important;
}
.border-limegreen {
	border-color: #32CD32 !important;
}

.bg-steelblue {
	background-color: #4682B4 !important;
}
.page-sidebar .sidebar-menu .menu-items li .steelblue i {
	color: #4682B4;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.steelblue {
	background: #4682B4;
}
.text-steelblue {
	color: #4682B4 !important;
}
.border-steelblue {
	border-color: #4682B4 !important;
}

.bg-deepskyblue {
	background-color: #00BFFF !important;
}
.page-sidebar .sidebar-menu .menu-items li .deepskyblue i {
	color: #00BFFF;
}
.page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail.deepskyblue {
	background: #00BFFF;
}
.text-deepskyblue {
	color: #00BFFF !important;
}
.border-deepskyblue {
	color: #00BFFF !important;
}

/*card*/
@media only screen and (min-width: 768px) {
	form .row .card .col-lg-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*IM璅���*/
/*撌阡�詨鱓*/
.secondary-sidebar ul li.chat-user-list a {
	padding-left: 25px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	height: auto;
}
.secondary-sidebar .chat-content {
	width: 75%;
}
.chat-user-list > a .datetime {
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 12px;
	color: #121212;
	opacity: 0.46;
}
.chat-user-list > a .badge {
	position: absolute;
	right: 15px;
	top: 35px;
	border-radius: 15px;
}

/*閮𦠜�航撓��*/
.chat-input-area {
	position: fixed;
	z-index: 299;
	width: calc(100% - 320px);
	bottom: 0;
	right: 0;
}
.chat-input-area textarea.form-control {
	height: 80px;
	padding-right: 12px;
	padding-bottom: 5px;
}
.btn-block.btn-sent {
	height: 100%;
	border-radius: 0;
}

/*閮芸恥鞈���*/
.sender-content-header {
	padding: 15px 30px;
    position: fixed;
    top: 177px;
    right: 0;
    width: calc(100% - 320px);
    z-index: 999;
	background-color: #f3f3f3;
}
.sender-content-header .sender .datetime {
	color: #626262;
    opacity: .45;
    font-family: arial;
}

/*閮𦠜�臬�𡑒”*/
#message_list.chat-inner {
	padding: 120px 30px 30px 30px;
}
#message_list .messageTime span {
	padding: 3px 24px;
	border-radius: 20px;
	font-size: 12px;
}
#message_list .message {
    margin-bottom: 10px;
    line-height: 30px;
}
#message_list .profile-img-wrapper {
    height: 28px;
    width: 28px;
}
.chat-bubble {
    position: relative;
    border-radius: 16px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0px 0 5px;
    max-width: 60%;
    white-space: normal;
}
.chat-bubble.from-them {
    color: #2c2c2c;
    background: #f0f0f0;
    position: relative;
    opacity: 0.8;
    float: left;
    border: 1px solid #f0f5f8;
}
.chat-bubble.from-me {
    background: #daeffd;
    color: #2c2c2c;
    opacity: 0.8;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.chat-bubble .chat-time {
	position: absolute;
	right: -64px;
	bottom: 5px;
	font-size: 12px;
	color: #999999;
}
.chat-bubble.from-me .chat-time {
	right: 0;
	left: -64px;
}
.black-opicity-5 {
	background-color: rgba(0,0,0,0.05);
}
.input-sm.number {
	min-width: 32px;
	padding: 7px;
}

.bg-cgblue {
	background-color: #227c9d;
}
.bg-lightseagreen {
	background-color: #17c3b2;
}
.bg-maxyellowred {
	background-color: #ffcb77;
}
.bg-lightcoral {
	background-color: #fe6d73;
}

.calendar .calendar-container .view .tble .trow .tcell .event {
	padding: 5px;
	color: #ffffff;
}
.calendar .calendar-container .view .tble .trow .tcell a:hover .event {
	color: rgba(255,255,255,0.8);
}
.calendar .calendar-container .view .tble .trow .tcell .event_delay_end_date {
	border-right-color: rgba(0,0,0,0.15);
}
.label-warning {
	color: #626262;
}
.text-transform-none {
	text-transform: none !important;
}
.list-style-none {
	list-style: none !important;
}
ul#image_list.list-style-none {
	margin-left: 20px;
}
#image_list.list-style-none div {
	width: auto;
	height: auto;
}

.metro.live-tile .bg-icon, .card.share .bg-icon {
	position: absolute;
	width: 280px;
	right: -70px;
	top: -40px;
	opacity: 0.1;
	color: #ffffff;
	font-size: 300px;
	line-height: 1;
}
.card.share .bg-icon {
	right: -46px;
	font-size: 250px;
	text-align: center;
}
#drag-tree-list ul.dynatree-container {
	background-color: transparent;
	padding: 0;
}
.ar-1-104 {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.ar-1-104:before {
	content: "";
	display: block;
	padding-top: 50%;
}
.ar-1-104 > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#drag-tree-list ul.dynatree-container a {
	text-decoration: none;
}
.live-tile span.dynatree-focused a.dynatree-title {
  color: #000000;
}
.widget-3 .pull-bottom .scroll-wrapper .scroll-content {
	height: auto;
	max-height: 220px;
}
@media (min-width: 768px) {
	.ar-1-104:before {
		padding-top: 165%;
	}
}
@media (min-width: 1200px) {
	.ar-1-104:before {
		padding-top: 165%;
	}
}
@media (min-width: 1400px) {
	.ar-1-104:before {
		padding-top: 144%;
	}
}
@media (min-width: 1600px) {
	.ar-1-104:before {
		padding-top: 126%;
	}
}
@media (min-width: 1820px) {
	.ar-1-104:before {
		padding-top: 104%;
	}
}

.page-sidebar .dynatree-container {
	background-color: transparent !important;
}
.page-sidebar span.dynatree-icon {
    background-position: 0px -210px;
}
.page-sidebar span.dynatree-expander {
    background-position: 0px -170px;
}
.page-sidebar .dynatree-exp-cl span.dynatree-expander {
    background-position: 0px -170px;
}
.page-sidebar .dynatree-exp-e span.dynatree-expander, .page-sidebar .dynatree-exp-ed span.dynatree-expander {
    background-position: -32px -170px;
}
.page-sidebar ul.dynatree-container a {
	color: #fbfbfb;
}
.page-sidebar ul.dynatree-container a:hover {
	color: #ffffff;
}
.page-sidebar ul.dynatree-container a:focus,
.page-sidebar span.dynatree-focused a:link  /* @IE */
{
	background-color: rgba(255,255,255,0.2);
}
.sidebar-header .btn.btn-link {
	padding-left: 5px;
	padding-right: 0;
}
.sidebar-header .sidebar-slide-toggle.btn-link {
	padding-right: 12px;
}
.sidebar-header .sidebar-slide-toggle i {
	display: inline-block;
	margin-top: 4px;
}
.radio.radio-check.label-title-h6 label {
	margin: 0.1rem;
	font-size: 16px;
}
.radio.radio-check.label-title-h6 label::after {
	top: 0.1rem;
}
.text-overflow-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}
.line-2 {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.font-s-14 {
	font-size: 14px !important;
}
.font-s-16 {
	font-size: 16px !important;
}
.font-s-18 {
	font-size: 18px !important;
}
.font-s-24 {
	font-size: 24px !important;
}
.font-s-28 {
	font-size: 28px !important;
}
.font-s-30 {
	font-size: 30px !important;
}
.font-s-32 {
	font-size: 32px !important;
}
.font-s-36 {
	font-size: 36px !important;
}
.font-s-48 {
	font-size: 48px !important;
}
.opacity-100 {
	opacity: 1 !important;
}
.jumbotron .cover-photo {
	background-position: center center;
}
.vh-25 {
	height: 25vh !important;
}
.vh-30 {
	height: 30vh !important;
}

/*sws購買紀錄*/
ul.sws-history-list {
	padding-left: 5rem;
	list-style: none;
	position: relative;
}
ul.sws-history-list:before {
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background-color: #dfdfdf;
	position: absolute;
	left: 3.5rem;
	top: 0;
}
.sws-history-list li {
	position: relative;
}
.sws-history-list li .dot {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	border: solid 4px #cccccc;
	background-color: #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -1.92rem;
	top: 0;
}
.sws-history-list li .date {
	position: absolute;
	left: -5rem;
	top: 0;
	line-height: 1.2;
}
.sws-history-list li .date > span {
	display: block;
}
.sws-history-list li .date .day, .sws-history-list li .date .month {
	font-size: 1.2rem;
	font-weight: bold;
}
.sws-history-list li .date .month {
	color: #999999;
}
.sws-history-list li .date .year {
	color: #cccccc;
	font-size: 1rem;
}

.quickview-wrapper .quickview-toggle {
	z-index: 999;
	top: 12px;
	font-size: 1rem;
}
.social-wrapper .social .cover-photo {
	background-size: cover;
}

.no-cover .jumbotron .cover-photo {
	background-color: #fafafa;
}
.jumbotron .cover-photo.h-100 {
	background-position: center bottom;
	background-size: 100% 100%;
}
.social-wrapper .social.no-cover .cover-photo:before {
	display: none;
}
.thumbnail-wrapper.d64 {
    width: 64px;
    height: 64px;
}
.thumbnail-wrapper.d64 > * {
    line-height: 66px;
}

.thumbnail-wrapper.d100 {
    width: 100px;
    height: 100px;
}
.thumbnail-wrapper.d100 > * {
    line-height: 102px;
}
/*@media (min-width: 1824px) {
	.container-fluid.container-fixed-lg {
		width: 100%;
	}
	.menu-pin .container-fluid.container-fixed-lg {
		width: 1700px;
	}
}*/

#module02 {
	margin-left: -25px;
	margin-right: -25px;
	padding: 50px 25px;
	background-color: rgba(0,0,0,0.02);
}
.check-box.btn.btn-rounded {
	display: block;
	border: none;
	color: #ffffff;
	background: #e877cb !important;
	background: -moz-linear-gradient(-45deg,  #e877cb 0%, #a197fa 100%) !important;
	background: -webkit-linear-gradient(-45deg,  #e877cb 0%,#a197fa 100%) !important;
	background: linear-gradient(135deg,  #e877cb 0%,#a197fa 100%) !important;
	
	transition: all .3s ease-in;
}
.check-box.btn.btn-rounded:hover {
	background: #a197fa !important;
	background: -moz-linear-gradient(-45deg, #a197fa 0%, #e877cb 100%) !important;
	background: -webkit-linear-gradient(-45deg,  #a197fa 0%, #e877cb 100%) !important;
	background: linear-gradient(135deg,  #a197fa 0%,#e877cb 100%) !important;
}
.thumbnail-wrapper.circular.float-none {
	position: relative;
}
.thumbnail-wrapper.circular.float-none:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 100px 0 0;
	border-color: rgba(255,255,255,0.1) transparent transparent transparent;
}
.button-block {
	margin: 0 -1.5rem -70px -1.5rem;
	padding: 25px 1.5rem 50px 1.5rem;
	border-top: solid 1px #e6e6e6;
}
.btn-orange {
	background-color: #f05907;
	color: #ffffff;
	border-color: #dd4e01;
}
.btn-orange:hover {
	background-color: #f09b07;
	color: #ffffff;
	border-color: #e69303;
}
@media (min-width: 992px) {
	.button-block {
		margin: 0 -3rem -70px -3rem;
		padding: 25px 3rem 50px 3rem;
	}
}

.radio.radio-xl label, .checkbox.checkbox-xl label {
	font-size: 0.9rem;
	padding-left: 1.5rem;
}
.radio.radio-xl label:before, .checkbox.checkbox-xl label:before, .radio.radio-xl label:after, .checkbox.checkbox-xl label:after {
	width: 1.2rem;
	height: 1.2rem;
}
.checkbox.checkbox-xl.dark label:before {
	background-color: rgba(255,255,255,1);
	border: none;
}
.btn.btn-coral {
	background-color: #f2612c;
	color: #ffffff;
	border: none;
}
.checkbox.checkbox-xl label.btn {
	padding-left: 2.2rem;
}
.checkbox.checkbox-xl label.btn:before, .checkbox.checkbox-xl label.btn::after {
	top: 6px;
	left: 0.8rem;
}
.checkbox.checkbox-xl input[type=checkbox]:checked + label.btn-coral:before {
	background-color: #FFE500;
	border: none;
}
.checkbox.checkbox-xl input[type=checkbox]:checked + label.btn-coral:after {
	color: #f2612c;
}

.nav-tabs.circle {
	border-radius: 50px;
}
.nav-tabs.nav-text-lg > li > a {
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 30px;
	transition: all 0.5s ease;
	margin: 0 0.2rem;
	color: #333333;
}
.nav-tabs.nav-text-lg > li > a.active, .nav-tabs.nav-text-lg > li > a:hover {
	background-color: #E75D00;
	color: #ffffff;
}
.height-2 {
	height: 2.5rem;
}
.nav-tabs-linetriangle.tab-arrow-white > li > a.active:after {
	border-top-color: #fff;
}
.radio label:before {
	top: 0.5px;
    bottom: auto;
}
/* 1401.2320.L */
.row .form-group-default label {
	margin-right: 10px;
}
.row [class*="col-"] .form-group-default label div {
	margin-left: -21px;
}