html, body {
  width: 100%;
  height: 100%;
}
body {
  /*background-color: #f1f1f1;*/
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  color: #333;
}
.form-control {
  padding: 4px 12px;
  font-size: 14px;
}
.form-control:focus{
  border-color: #c2cad8;
  background-color: #fff;
  outline: 0!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a {
	color: #027abc;
}
a,
a:focus,
a:hover,
a:active {
	outline: 0;
 	text-decoration: none;
}
a:hover {
	color: #0288d1;
}
.btn {
  padding: 5px 12px;
  font-size: 14px;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px;
  border-radius: 3px !important;
}
.btn.btn-theme {
  background-color: #0288d1;
  border-color: #0288d1;
  color: #fff;
}
.btn.btn-theme:hover,
.btn.btn-theme:focus,
.btn.btn-theme:active,
.btn.btn-theme.active {
  background-color: #027abc;
  border-color: #027abc;
  color: #fff;
}
.btn.btn-theme.disabled,
.btn.btn-theme.disabled:hover,
.btn.btn-theme.disabled:focus,
.btn.btn-theme.disabled:active,
.btn.btn-theme.disabled.active,
.btn.btn-theme[disabled],
.btn.btn-theme[disabled]:hover,
.btn.btn-theme[disabled]:focus,
.btn.btn-theme[disabled]:active,
.btn.btn-theme[disabled].active {
  background-color: #3598dc;
  border-color: #3598dc;
  color: #fff;
}
.btn.btn-success {
  background-color: #10cfbd;
  border-color: #10cfbd;
  color: #fff;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success[disabled],
.btn.btn-success.disabled {
  background-color: #40d9ca;
  border-color: #40d9ca;
  color: #fff;
}
.btn.btn-success:active,
.btn.btn-success.active {
  background-color: #0da899;
  border-color: #0da899;
  color: #fff;
}
.btn.btn-danger {
  background-color: #f55753;
  border-color: #f55753;
  color: #fff;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger[disabled],
.btn.btn-danger.disabled {
  background-color: #f77975;
  border-color: #f77975;
  color: #fff;
}
.btn.btn-danger:active,
.btn.btn-danger.active {
  background-color: #c64643;
  border-color: #c64643;
  color: #fff;
}
.btn.btn-warning {
  background-color: #f8d053;
  border-color: #f8d053;
  color: #fff;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning[disabled],
.btn.btn-warning.disabled {
  background-color: #f9d975;
  border-color: #f9d975;
  color: #fff;
}
.btn.btn-warning:active,
.btn.btn-warning.active {
  background-color: #c9a843;
  border-color: #c9a843;
  color: #fff;
}
.btn.btn-purple {
  background-color: #6d5eac;
  border-color: #6d5eac;
  color: #fff;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple[disabled],
.btn.btn-purple.disabled {
  background-color: #8a7dbe;
  border-color: #8a7dbe;
  color: #fff;
}
.btn.btn-purple:active,
.btn.btn-purple.active {
  background-color: #584b8d;
  border-color: #584b8d;
  color: #fff;
}
/*.btn i {
  position: relative;
  top: 2px;
  font-size: 15px;
}
.btn span {
  position: relative;
  top: 2px;
}
.ckbox input[type=checkbox] {
  opacity: 0;
}
.ckbox input[type=checkbox]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\F00C";
  position: absolute;
  top: 0;
  left: 0px;
  display: inline-block;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  text-align: center;
  font-weight: 700;
}
.ckbox.rounded input[type=checkbox]:checked + label::after,
.ckbox.rounded input[type=checkbox]:checked + label::before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ckbox.rounded label:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ckbox {
  position: relative;
  margin-top: 3px;
}
.ckbox label {
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 7px !important;
  font-weight: normal;
}
.ckbox label:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  display: inline-block;
  border: 1px solid #BBB;
  background: #FFF;
}
.ckbox-theme input[type=checkbox]:checked + label::after {
  border-color: #0288d1;
  background-color: #0288d1;
}*/
.input-group .input-group-btn .btn {
  font-size: 16px;
}

.input-group-addon {
  min-width: 39px;
}
.input-group .input-group-addon > i {
    color: #999;
}
/*.input-group-addon .ckbox {
  position: absolute;
  top: 4px;
  left: 10px;
}*/
.input-group .form-control:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.alert-success {
  background-color: #cff5f2;
  border-color: #cff5f2;
  color: #10cfbd;
}
.alert-danger {
  background-color: #FDDDDD;
  border-color: #FDDDDD;
  color: #f55753;
}
.alert-warning {
  background-color: #fef6dd;
  border-color: #fef6dd;
  color: #CFAE45;
}
.alert-warning a {
  color: #CFAE45;
}
/*.alert-info {
  background-color: #e9f9fc;
  border-color: #e9f9fc;
  color: #1cadca;
}
.alert-info .alert-icon {
  background-color: #20c0e0;
}
.alert span{
  position: relative;
  top: -0.5px;
}
.alert-icon {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 100%;
}
.alert-icon i {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #FFF;
}*/

.text-error {
  display: block;
  color: #f55753 !important;
}
/*.text-success {
  display: block;
  margin-top: 5px;
  color: #10cfbd !important;
}
.text-danger {
  display: block;
  margin-top: 5px;
  color: #f55753 !important;
}
.label-success {
  background-color: #10cfbd;
}
.label-warning {
  background-color: #f8d053;
}
.label-danger {
  background-color: #f55753;
}
.text-green {
  color: #10cfbd !important;
}*/
.text-red {
  color: #f55753 !important;
}
/*.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}*/
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
/*.pr-0 {
  padding-right: 0 !important;
}*/
.pr-15 {
  padding-right: 15px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
/*.mt-15 {
  margin-top: 15px !important;
}*/
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
/*.mr-0 {
  margin-right: 0 !important;
}
*/
.mr-10 {
  margin-right: 10px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
/*.mb-15 {
  margin-bottom: 15px !important;
}*/
.mb-20 {
  margin-bottom: 20px !important;
}
/*.mb-30 {
  margin-bottom: 30px !important;
}*/
.mb-45 {
  margin-bottom: 45px !important;
}
/*.ml-0 {
  margin-left: 0 !important;
}*/
.ml-10 {
  margin-left: 10px !important;
}
form .form-group {
  position: relative;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
form .form-group .control-label {
  padding-top: 3px;
  font-weight: 300;
}
.form-control {
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px;
  border-radius: 3px !important;
}
/*.form-control-static {
  padding-top: 3px;
}
form .form-group.has-error .control-label {
  color: #F55753;
}
form .form-group.has-error .form-control {
  border-color: #F55753;
}
form .form-group.has-error .form-control:focus {
  border-color: #F55753 !important;
}*/
.required,
.text-danger {
  color: #F55753 !important;
}
.text-warning {
  color: #f8d053 !important;
}
.pagination {
  margin: 10px 0 0 0;
  padding: 0;
  display: inline-block;
  list-style: none;
  border-radius: 0;
}
.pagination > li {
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}
.pagination > li {
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}
.pagination > li .page-link {
  cursor: pointer;
  display: inline-block;
  height: 2.25rem;
  min-width: 2.25rem;
  vertical-align: middle;
  padding: .5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  margin-left: 0;
  color: #898b96;
  background-color: transparent;
  border: none;
}
.pagination > li .page-link:focus {
  box-shadow: none;
}
.pagination > li .page-link.active,
.pagination > li .page-link:hover,
.pagination > li .page-link.link-first:hover,
.pagination > li .page-link.link-last:hover,
.pagination > li .page-link.link-next:hover,
.pagination > li .page-link.link-prev:hover {
  background: #0288d1;
  color: #fff;
}
.pagination > li .page-link.link-first,
.pagination > li .page-link.link-last,
.pagination > li .page-link.link-next,
.pagination > li .page-link.link-prev {
  background: #ebe9f2;
}
.pagination > li .page-link.link-first.link-disabled,
.pagination > li .page-link.link-last.link-disabled,
.pagination > li .page-link.link-next.link-disabled,
.pagination > li .page-link.link-prev.link-disabled {
  color: #898b96;
  background: #ebe9f2;
  opacity: .3;
}
.pagination > li .page-link > i {
  font-size: 1rem;
  text-align: center;
  display: inline-block;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 50%;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 50%;
}
.panel {
  /*border-radius: 3px;
  border-color: transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel .panel-body {
  position: relative;
  padding: 10px;
}
.panel-default {
  border-color: #ddd;
}
.panel-theme {
  border-color: #DAEFFD;
}
.panel-theme .panel-heading {
  background-color: #0288d1;
  border-bottom: 1px solid #e5e5e5;
  color: white;
}
.panel-success {
  border-color: #CFF5F2;
}
.panel-success .panel-heading {
  background-color: #10cfbd;
  border-bottom: 1px solid #e5e5e5;
  color: white;
}
.panel-danger {
  border-color: #FDDDDD;
}
.panel-danger .panel-heading {
  background-color: #f55753;
  border-bottom: 1px solid #e5e5e5;
  color: white;
}
.panel-warning {
  border-color: #FEF6DD;
}
.panel-warning .panel-heading {
  background-color: #f8d053;
  border-bottom: 1px solid #e5e5e5;
  color: white;
}
.table-theme thead tr th {
  background-color: #0288d1 !important;
  border-color: #2d7fb6 #2d7fb6 #2d7fb6 !important;
  color: #fff;
}
.table-theme tfoot tr th {
  background-color: #0288d1 !important;
  border-color: #2d7fb6 #2d7fb6 #2d7fb6 !important;
  color: #fff;
}
.table-theme.table-bordered {
  border: 1px solid #0288d1;
}
.table-theme.table-bordered thead tr th:first-child,
.table-theme.table-bordered thead tr th:last-child,
.table-theme.table-bordered tfoot tr th:first-child,
.table-theme.table-bordered tfoot tr th:last-child {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px;
  border-radius: 0px !important;
}
.table thead tr th {
  background-color: #EEEEEE;
  border-color: #e1e1e1 #e1e1e1 gainsboro;
  vertical-align: middle;
  border-width: 1px 1px 7px;
  border-style: solid;
  font-weight: 400;
}
.table thead tr th span {
  position: relative;
  top: 2px;
}
.table tbody tr td {
  background-color: #FBFBFB;
}
.table-middle tr th,
.table-middle tr td {
  vertical-align: middle !important;
}
.img-responsive {
  /*width: 100%;*/
  max-width: 100%;
}
.hide {
  display: none !important;
}
.display-hide {
  display: none;
}
.text-block {
  display: block !important;
}
.text-strong {
  font-weight: bold !important;
}
legend {
  font-size: 18px;
  padding: 7px 0px;
}
.dropdown-menu {
  box-shadow: none;
  left: 0;
  min-width: 185px;
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  background-color: #ffffff;
  margin: 10px  0px 0px 0px;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.dropdown-menu > li:hover > a,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active:hover > a {
   text-decoration: none;
   background-image: none;
   background-color: #f6f6f6;
   color: #555;
   filter: none;
 }
/* breadcrumb */
.breadcrumb {
	margin: 0;
	padding: 10px 15px;
  /*background-color: #fff;*/
  background-color: transparent;
	border: none;
  border-radius: 3px;
  color: #333;
}
.breadcrumb > li {
  font-size: 14px;
}
.breadcrumb > li > a {
	color: #333;
}
.breadcrumb > li.active,
.breadcrumb > li > a:hover {
  color: #0288d1;
}
.breadcrumb > li + li:before {
  color: #ddd;
}
/* Pre Header*/
.pre-header {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
  color: #333;
  font-size: 14px;
}
.pre-header .contact-us,
.pre-header .top-menu {
	padding: 0;
}
.pre-header .contact-us ul,
.pre-header .top-menu ul {
	margin: 7px 0;
}
.pre-header .top-menu li:first-child {
  padding-left: 0;
}
.pre-header .top-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.pre-header .contact-us li {
	padding: 0;
  margin: 0;
}
.pre-header .top-menu li {
  padding: 0 7px 0 0;
  margin: 0 7px 0 0;
}
.pre-header .top-menu li > a {
	color: #333;
  text-decoration: none;
}
.pre-header .top-menu li > a:hover {
  color: #0288d1;
}
.pre-header .top-menu li.dropdown-account .dropdown-toggle {
  padding: 0;
  color: #333;
}
.pre-header .top-menu li.dropdown-account .dropdown-toggle > i {
  font-size: 14px;
}
.pre-header .top-menu li.dropdown-account .dropdown-menu.dropdown-menu-account {
  right: 0;
  left: auto;
  margin: 7px 0 0 0;
}
.pre-header .top-menu li.dropdown-account .dropdown-menu.dropdown-menu-account > li {
  padding: 0;
  margin: 0;
}
.pre-header .top-menu li.dropdown-account .dropdown-menu.dropdown-menu-account > li.customer-code {
  padding: 5px 12px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.pre-header .top-menu li.dropdown-account .dropdown-menu.dropdown-menu-account > li.customer-level {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.pre-header .top-menu li.dropdown-account .dropdown-menu.dropdown-menu-account > li > a {
  padding: 5px 12px;
  color: #333;
  font-size: 14px;
}
/* logo */
header {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
}
header .logo {
  float: left;
  margin-right: 30px;
}
header .top-search {
  float: right;
  width: 250px;
  margin-top: 26px;
}
header .top-search .input-group .form-control {
  height: 44px;
  font-size: 16px;
}
header .top-search .input-group .input-group-btn .btn {
  padding: 7px 15px;
  font-size: 20px;
}
/* Top Menu */
nav.top-menu {
  font-family: 'RSURegular', sans-serif;
	background-color: #0288d1;
	min-height: 40px;
  border-radius: 0;
  margin-bottom: 0;
}
nav.top-menu .nav > li > a {
  font-size: 20px;
	color: #fff;
	padding: 15px 15px 12px;
}
nav.top-menu .nav > li > a:hover,
nav.top-menu .nav > li > a:focus,
nav.top-menu .nav > li > a:active,
nav.top-menu .nav > li.open > a {
	background-color: #027abc;
}
nav.top-menu .menu {
	float: left;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 700;
	line-height: 44px;
	color: #fff;
}
nav.top-menu .btn-navbar {
	font-size: 16px;
	color: #FFF;
	padding: 2px 10px;
	float: right;
	background-color: #027abc;
	border-color: #027abc;
}
nav.top-menu .btn-navbar:focus {
  outline: 0!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
nav.top-menu .btn-navbar:hover,
nav.top-menu .btn-navbar:focus,
nav.top-menu .btn-navbar:active,
nav.top-menu .btn-navbar.disabled,
nav.top-menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #0288d1;
}
nav.top-menu .btn-navbar i {
  position: relative;
  top: 3px;
}
/*Heading Title*/
.heading-title {
  background-color: #f5f5f5;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
}
.heading-title h1 {
  font-size: 28px;
  margin-top: 6px;
  margin-bottom: 6px;
}
/* content */
.page-content {
	min-height: 700px;
  margin-top: 20px;
  margin-bottom: 30px;
}
/* Pre Footer */
.pre-footer {
	background: #303030;
	color: #e2e2e2;
}
.pre-footer .container {
	padding-top: 45px;
}
.pre-footer .pre-footer-col {
	padding-bottom: 22px;
}
.pre-footer a {
	color: #ccc;
}
.pre-footer a:hover {
	color: #fff;
}
.pre-footer h2 {
	font-size: 20px;
	color: #fff;
}
.pre-footer p {
	margin-bottom: 20px;
}
.pre-footer li {
	margin-bottom: 6px;
}
.pre-footer .pre-footer-infomation ul li:before {
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f105";
	padding-right: 12px;
}
.pre-footer address {
	line-height: 1.7;
}
.pre-footer .fb-like-box,
.pre-footer .fb-like-box span,
.pre-footer .fb-like-box span iframe {
	width: 100% !important;
}
/* footer */
.footer {
	background: #272626;
	color: #fff;
	font-size: 13px;
	padding: 15px 0;
}
.footer a {
	color: #ccc;
	text-decoration: none;
}
.footer a:hover {
  color: #fff;
	text-decoration: underline;
}
.footer .text-right {
	opacity: 0.5;
}
/* Home */
.hto-service-content {
  background-color: rgb(248, 248, 248);
}
.hto-service-content .hto {
  margin-bottom: 40px;
}
.hto-service-content .hto h1 {
  font: 36px 'RSURegular', sans-serif;
  color: #333;
  letter-spacing: 0.8px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.hto-service-content .hto .hto-block a:hover img {
  opacity: 0.7;
}
.hto-service-content .our-services {
  margin-bottom: 40px;
}
.hto-service-content .our-services h1 {
  font: 36px 'RSURegular', sans-serif;
  color: #333;
  letter-spacing: 0.8px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.hto-service-content .our-services .service-block a:hover img {
  opacity: 0.7;
}
.product-promotion-content {
  background-color: #fff;
  margin-bottom: 20px;
}
.product-promotion-content [class^="ribbon-"] {
  position: relative;
  margin-bottom: 20px;
}
.product-promotion-content [class^="ribbon-"]:before, [class^="ribbon-"]:after {
  content: "";
  position: absolute;
}
/*.product-promotion-content .ribbon-4:before {
  height: 0;
  width: 0;
  border-width: 31px 20px;
  border-style: solid;
  border-color: #027abc #027abc #027abc transparent;
  top: 20px;
  left: -30px;
}
.product-promotion-content .ribbon-4:after {
  height: 0;
  width: 0;
  border-width: 31px 20px;
  border-style: solid;
  border-color: #027abc transparent #027abc #027abc;
  top: 20px;
  right: -30px;
}*/
.product-promotion-content .ribbon-content {
  height: inherit;
  margin-bottom: 0;
  background: #0288d1;
  z-index: 100;
  padding: 7px 0;
}
.product-promotion-content .ribbon-content:before {
  height: 0;
  width: 0;
  border-top: 10px solid #26808b;
  border-left: 10px solid transparent;
  bottom: -10px;
}
.product-promotion-content .ribbon-content:after {
  height: 0;
  width: 0;
  border-top: 10px solid #26808b;
  border-right: 10px solid transparent;
  right: 0;
  bottom: -10px;
}
.product-promotion-content .in-stock h1 {
  font: 36px 'RSURegular', sans-serif;
  color: #fff;
  letter-spacing: 0.8px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
}
.product-promotion-content .in-stock .in-stock-block {
  margin-bottom: 20px;
}
.product-promotion-content .in-stock .in-stock-block a {
  color: #333;
}
.product-promotion-content .in-stock .in-stock-block a:hover {
  color: #0288d1;
}
.product-promotion-content .in-stock .in-stock-block a h3 {
  font: 20px 'RSURegular', sans-serif;
  letter-spacing: 0.8px;
  margin-top: 7px;
  text-align: left;
}
.product-promotion-content .all-product-promotion {
  font-size: 16px;
}
.customer-feedback-content {
  background-color: rgb(248, 248, 248);
}
.customer-feedback-content .customer-feedback h1 {
  font: 36px 'RSURegular', sans-serif;
  color: #333;
  letter-spacing: 0.8px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
/*.page-content .exchange-rate-block {
  background: #fff;
  position: relative;
  min-height: 100px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 20px;
  text-align: center;
  z-index: 1;
}
.page-content .exchange-rate-block i.fa-exchange {
  background-color: #0288d1;
  display: inline-block;
  margin: 15px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 40px;
  line-height: 110px;
}
.page-content .exchange-rate-block h2 {
  margin-top: 10px;
}
.page-content .exchange-rate-block .rate {
  margin: 10px 0 20px;
  font-size: 24px;
  font-weight: 700;
  color: #0288d1;
}
.page-content .shipping-price-list {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 3px;
}
.page-content .shipping-price-list h3 {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  margin: 0 0 15px 0;
}
.page-content .shipping-price-list .shipping-type {
  position: static;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
  background-color: #fff;
  border-bottom: 2px solid #0288d1;
  margin: 0 0 15px 0;
  text-align: left;
}
.page-content .shipping-price-list .shipping-type li {
  width: auto;
  height: auto;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 10px 15px;
  text-indent: 0;
  border: 0;
  color: #333;
}
.page-content .shipping-price-list .shipping-type li.active {
  width: auto;
  height: auto;
  background-color: #0288d1;
  border-radius: 3px 3px 0 0;
  color: #fff;
}
.page-content .shipping-price-list table {
  margin-bottom: 10px;
}
.page-content .shipping-price-list .shipping-price-list-footer {
  font-size: 13px;
  padding: 0;
  text-align: center;
}*/
/* Page Notfound */
.page-content .page-notfound {
  text-align: center;
  margin: 0 auto;
  padding-top: 50px;
}
.page-content .page-notfound h1 {
  color: #0288d1;
  font-size: 130px;
  margin-top: 50px;
  line-height: 130px;
}
.page-content .page-notfound h3 {
  margin: 0;
  font-size: 30px;
}
.page-content .page-notfound h4 {
  font-size: 18px;
}
/* Register, Logout, Login, Recovery */
.page-content .content-form-register {
	padding: 30px;
}
.page-content .form-register-header {
	color: #555;
	text-align: center;
	margin-bottom: 25px;
	border-bottom: solid 1px #ddd;
}
.page-content .form-register-header h2 {
	font-size: 24px;
  margin-top: 15px;
	margin-bottom: 15px;
}
/* Account */
.page-content .menu-account {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}
.page-content .menu-account ul li {
  padding-right: 15px;
  padding-left: 15px;
}
.page-content .menu-account hr {
  border-color: #ebebeb;
}
.page-content .content-account {
  margin-left: 200px;
  padding: 0 15px;
}
/* Product Search */
.page-content .product-item {
  padding: 20px 20px 50px;
}
.page-content .product-content {
  padding: 50px 20px;
}
.page-content .product-content .product-description img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.page-content .product-content .product-description {
  max-width: 750px;
  margin: 0 auto;
}
.page-content .product-content .product-description .desc_anchor,
.page-content .product-content .product-description .ke_anchor {
  height: 1px;
  display: block;
  clear: both;
}
.page-content .product-item .product-gallery,
.modal-cart-product-edit .form-cart-product .product-gallery {
  width: 100%;
  margin: 0 auto 20px;
  overflow: hidden;
}
.page-content .product-item .product-gallery .product-gallery-content,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-content {
  position: relative;
  background: #fff;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.page-content .product-item .product-gallery .product-gallery-content img,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-content img {
  max-height: 440px;
  margin: 0 auto;
}
.page-content .product-item .product-gallery .product-gallery-thumbnail,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-thumbnail {
  margin-top: 10px;
}
.page-content .product-item .product-gallery .product-gallery-thumbnail .product-thumb,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-thumbnail .product-thumb {
  float: left;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  margin: 0 5px 10px 5px;
  padding: 2px;
  border: 1px solid #ccc;
  opacity: 0.4;
}
.page-content .product-item .product-gallery .product-gallery-thumbnail .product-thumb.selected,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-thumbnail .product-thumb.selected {
  opacity: 1;
}
.page-content .product-item .product-gallery .product-gallery-thumbnail .product-thumb img,
.modal-cart-product-edit .form-cart-product .product-gallery .product-gallery-thumbnail .product-thumb img {
  max-width: 54px;
  max-height: 54px;
  margin: 0 auto;
}
.page-content .product-item .reference-link,
.modal-cart-product-edit .form-cart-product .reference-link,
.page-content .product-item .seller-link,
.modal-cart-product-edit .form-cart-product .seller-link {
  display: block;
}
.page-content .product-item .seller-link,
.modal-cart-product-edit .form-cart-product .seller-link {
  margin-bottom: 30px;
}
.page-content .product-item .image,
.modal-cart-product-edit .form-cart-product .image {
	position: relative;
  margin-bottom: 30px;
}
.page-content .product-item .image .image-block,
.modal-cart-product-edit .form-cart-product .image .image-block {
  padding: 2px;
  border: 1px solid #ccc;
}
.page-content .product-item .image .image-block img,
.modal-cart-product-edit .form-cart-product .image .image-block img {
  margin: 0 auto;
}
.page-content .product-item .product-img,
.modal-cart-product-edit .form-cart-product .product-img {
  width: 100%;
	max-width: 440px;
}
.page-content .product-item .image .image-option,
.modal-cart-product-edit .form-cart-product .image .image-option {
	margin-top: 20px;
}
.page-content .product-item .image .image-option .btn,
.modal-cart-product-edit .form-cart-product .image .image-option .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.page-content .product-item .product-option,
.modal-cart-product-edit .form-cart-product .product-option {
  margin-bottom: 30px;
}
.page-content .product-item .product-option .button-value-edit {
  font-size: 13px;
}
.page-content .product-item .product-option .popover-content {
  color: #666;
}
.page-content .product-item .product-option h1.product-name,
.modal-cart-product-edit .form-cart-product .product-option h1.product-name {
  margin-top: 0;
  font-size: 20px;
}
.page-content .product-item .product-option .item-price,
.modal-cart-product-edit .form-cart-product .product-option .item-price {
  font-size: 24px;
  color: #FF0036;
}
.page-content .product-item .product-option .item-price .price-list .price,
.page-content .product-item .product-option .item-price .price-list .price-range,
.modal-cart-product-edit .form-cart-product .product-option .item-price .price-list .price,
.modal-cart-product-edit .form-cart-product .product-option .item-price .price-list .price-range {
  padding: 5px 5px 5px 0;
}
.page-content .product-item .product-option .item-price .price-list > small,
.modal-cart-product-edit .form-cart-product .product-option .item-price .price-list > small {
  padding: 5px 0 5px 5px;
}
.page-content .product-item .product-option .item-price .price-list .qty-range,
.modal-cart-product-edit .form-cart-product .product-option .item-price .price-list .qty-range {
  color: #666;
  font-size: 14px;
  padding: 5px 5px 5px 8px;
}
.page-content .product-item .product-option .item-price .out-of-stock,
.modal-cart-product-edit .form-cart-product .product-option .item-price .out-of-stock {
  font-size: 24px;
  color: #666;
  font-style: italic;
}
.page-content .product-item .product-option .price-convent {
  font-size: 12px;
  color: #666;
}
.page-content .product-item .product-option .item-ship-domestic,
.page-content .product-item .product-option .item-first,
.page-content .product-item .product-option .item-second,
.page-content .product-item .product-option .item-qty,
.page-content .product-item .product-option .item-stock,
.page-content .product-item .product-option .item-remark,
.page-content .product-item .product-option .item-upload,
.modal-cart-product-edit .form-cart-product .product-option .item-ship-domestic,
.modal-cart-product-edit .form-cart-product .product-option .item-first,
.modal-cart-product-edit .form-cart-product .product-option .item-second,
.modal-cart-product-edit .form-cart-product .product-option .item-qty,
.modal-cart-product-edit .form-cart-product .product-option .item-stock,
.modal-cart-product-edit .form-cart-product .product-option .item-remark,
.modal-cart-product-edit .form-cart-product .product-option .item-upload {
  padding: 15px 0;
}
.page-content .product-item .product-option .item-ship-domestic .product-meta-label,
.page-content .product-item .product-option .item-first .product-meta-label,
.page-content .product-item .product-option .item-second .product-meta-label,
.page-content .product-item .product-option .item-qty .product-meta-label,
.page-content .product-item .product-option .item-stock .product-meta-label,
.page-content .product-item .product-option .item-remark .product-meta-label,
.page-content .product-item .product-option .item-upload .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-ship-domestic .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-stock .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-remark .product-meta-label,
.modal-cart-product-edit .form-cart-product .product-option .item-upload .product-meta-label {
  width: 150px;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 700;
}
.page-content .product-item .product-option .item-first .product-meta-label.error,
.page-content .product-item .product-option .item-second .product-meta-label.error,
.page-content .product-item .product-option .item-qty .product-meta-label.error,
.page-content .product-item .product-option .item-stock .product-meta-label.error,
.page-content .product-item .product-option .item-product-url .control-label.error,
.page-content .product-item .product-option .item-product-qty .control-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-meta-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-meta-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .product-meta-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-stock .product-meta-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-product-url .control-label.error,
.modal-cart-product-edit .form-cart-product .product-option .item-product-qty .control-label.error {
  color: #f55753 !important;
}
.page-content .product-item .product-option .item-ship-domestic .product-meta-value,
.modal-cart-product-edit .form-cart-product .product-option .item-ship-domestic .product-meta-value {
  color: #FF0036;
}
.page-content .product-item .product-option .item-first .product-sku-first,
.page-content .product-item .product-option .item-second .product-sku-second,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second {
  margin-left: 180px;
  margin-top: -22px;
}
.page-content .product-item .product-option .item-first .product-sku-first a,
.page-content .product-item .product-option .item-second .product-sku-second a,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first a,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second a {
  background-color: #fff;
  float: left;
  color: #666;
  border: 1px solid #ccc;
  margin: 0 7px 7px 0;
  text-decoration: none;
  width: inherit;
}
.page-content .product-item .product-option .item-first .product-sku-first a.text,
.page-content .product-item .product-option .item-second .product-sku-second a.text,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first a.text,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second a.text {
  padding: 0 8px;
  line-height: 30px;
}
.page-content .product-item .product-option .item-first .product-sku-first a:hover,
.page-content .product-item .product-option .item-second .product-sku-second a:hover,
.page-content .product-item .product-option .item-first .product-sku-first a.selected,
.page-content .product-item .product-option .item-second .product-sku-second a.selected,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first a.selected,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second a.selected,
.modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first a.selected:hover,
.modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second a.selected:hover {
  color: #FF0036;
  border: 1px solid #FF0036;
}
.page-content .product-item .product-option .item-qty .qty-spinner,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .qty-spinner {
  width: 150px;
  margin: 0 7px 7px 0;
}
.page-content .product-item .product-option .item-qty .qty-spinner input,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .qty-spinner input {
  text-align: center;
  border-radius: 0 !important;
}
.page-content .product-item .product-option .item-qty .qty-spinner .caret-up .btn,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .qty-spinner .caret-up .btn {
  width: 35px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.page-content .product-item .product-option .item-qty .qty-spinner .caret-down .btn,
.modal-cart-product-edit .form-cart-product .product-option .item-qty .qty-spinner .caret-down .btn {
  width: 35px;
  border-right: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.page-content .product-item .product-option .item-remark textarea,
.modal-cart-product-edit .form-cart-product .product-option .item-remark textarea {
  display: inline-block;
  width: 300px;
}
.page-content .product-item .product-option .item-upload .input-group,
.modal-cart-product-edit .form-cart-product .product-option .item-upload .input-group {
  width: 300px;
}
.page-content .product-item .product-option .block-error,
.modal-cart-product-edit .form-cart-product .product-option .block-error {
  margin-top: -15px;
  margin-bottom: 15px;
  margin-left: 180px;
}
.page-content .product-item .btn-add-cart {
  margin-left: 180px;
}
.page-content .product-item .btn-add-cart .btn {
  font-size: 18px;
  padding: 8px 15px;
}
.modal.modal-product-added-to-cart .modal-body,
.modal.modal-is-product-in-cart .modal-body,
.modal.modal-cart-product-edit-success .modal-body,
.modal.modal-cart-product-remove-success .modal-body {
  padding: 30px;
  text-align: center;
}
.modal.modal-product-added-to-cart .modal-body h1,
.modal.modal-is-product-in-cart .modal-body h1,
.modal.modal-cart-product-edit-success .modal-body h1,
.modal.modal-cart-product-remove-success .modal-body h1 {
 margin-top: 0;
 margin-bottom: 0;
}
.modal.modal-product-added-to-cart .modal-body h1 i,
.modal.modal-cart-product-edit-success .modal-body h1 i,
.modal.modal-cart-product-remove-success .modal-body h1 i {
 color: #10cfbd;
 font-size: 100px !important;
 margin-top: 0;
}
.modal.modal-is-product-in-cart .modal-body h1 i {
 color: #f55753;
 font-size: 100px !important;
 margin-top: 0;
}
.modal.modal-product-added-to-cart .modal-body h2,
.modal.modal-cart-product-edit-success .modal-body h2,
.modal.modal-cart-product-remove-success .modal-body h2 {
 color: #10cfbd;
}
.modal.modal-is-product-in-cart .modal-body h2 {
 color: #f55753;
}
.modal.modal-product-added-to-cart .modal-body .btn,
.modal.modal-is-product-in-cart .modal-body .btn,
.modal.modal-cart-product-edit-success .modal-body .btn,
.modal.modal-cart-product-remove-success .modal-body .btn {
  margin: 5px 10px;
}
.page-content .product-item .product-item-notfound {
  text-align: center;
}
.page-content .product-item .product-item-notfound h1 i {
  color: #f8d053;
  font-size: 180px !important;
  margin-top: 0;
}
/* Cart */
.page-content .block-cart {
  padding: 0 0 20px;
}
.page-content .block-cart-type {
  padding: 20px 0 0 0;
}
.page-content .block-cart-type a:first-child {
  margin-right: 30px;
}
.page-content .block-cart-type a {
  position: relative;
  padding: 5px 30px 5px 85px;
}
.page-content .block-cart-type a:active,
.page-content .block-cart-type a:hover {
  background-color: #0288d1;
  border-color: #0288d1;
  color: #fff;
}
.page-content .block-cart-type a > i {
  position: absolute;
  top: 20px;
  left: 25px;
  font-size: 42px;
}
.page-content .block-cart-type a .label.label-danger {
  position: absolute;
  top: -15px;
  right: -1px;
  padding: 0.4em 0.6em;
  font-size: 14px;
  background-color: #f55753;
}
.page-content .block-cart-type a.active {
  background-color: #0288d1;
  border-color: #0288d1;
  color: #fff;
}
.page-content .block-cart-type a.active:active,
.page-content .block-cart-type a.active:hover {
  background-color: #027abc;
  border-color: #027abc;
  color: #fff;
}
/*.page-content .block-cart .cart-table-title,*/
.page-content .block-cart .cart-table-row {
  border-bottom: 1px solid #ddd;
}
.page-content .block-cart .cart-table-title .cart-title-desc h3,
.page-content .block-cart .cart-table-title .cart-title-price h3,
.page-content .block-cart .cart-table-title .cart-title-qty h3,
.page-content .block-cart .cart-table-title .cart-title-total h3,
.page-content .block-cart .cart-table-title .cart-title-remark h3 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
}
.page-content .block-cart .cart-shop-name {
  margin-top: 30px;
}
.page-content .block-cart .cart-shop-name .shop-name h4 {
  display: inline-block;
  margin-right: 10px;
}
.page-content .block-cart .cart-table-group {
  margin-bottom: 40px;
  padding: 0 15px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px;
  border-radius: 3px !important;
}
.page-content .block-cart .cart-table-row {
  padding: 20px 0;
}
.page-content .block-cart .cart-table-row.row-item-last {
  border: none;
}
.page-content .block-cart .cart-table-row .cart-sub-title,
.page-content .block-cart .cart-table-row .cart-product-edit-mobile,
.page-content .block-cart .cart-table-row .cart-product-remove-mobile {
  display: none;
}
.page-content .block-cart .cart-table-row .cart-list-image {
  position: relative;
  clear: both;
}
.page-content .block-cart .cart-table-row .cart-list-image img {
  width: 100%;
  max-width: 110px;
}
.page-content .block-cart .cart-table-row .cart-list-desc h3 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 0;
}
.page-content .block-cart .cart-table-row .cart-list-desc h3 a {
  color: #666;
}
.page-content .block-cart .cart-table-row .cart-list-desc h3 a:hover {
  color: #0288d1;
}
.page-content .block-cart .cart-table-row .cart-action .cart-product-edit-desktop,
.page-content .block-cart .cart-table-row .cart-action .cart-product-remove-desktop {
  line-height: 1em;
  font-size: 14px;
}
.page-content .block-cart .cart-table-row .cart-action .cart-product-edit-desktop,
.page-content .block-cart .cart-table-row .cart-action .cart-product-remove-desktop {
  padding: 3px 0;
  display: block;
  color: #666;
}
.page-content .block-cart .cart-table-row .cart-action .cart-product-edit-desktop:hover {
  color: #f8d053;
}
.page-content .block-cart .cart-table-row .cart-action .cart-product-remove-desktop:hover {
  color: #f55753;
}
.page-content .block-cart .cart-no-product {
  text-align: center;
}
.page-content .block-cart .cart-no-product h1 i {
  color: #ddd;
  font-size: 180px !important;
  margin-top: 0;
}
.page-content .block-cart .list-total-title,
.page-content .block-cart .list-total-value,
.page-content .block-cart .quantity-total-title,
.page-content .block-cart .quantity-total-value,
.page-content .block-cart .subtotal-title,
.page-content .block-cart .subtotal-value,
.page-content .block-cart .shipping-fee-total-title,
.page-content .block-cart .shipping-fee-total-value,
.page-content .block-cart .exchange-rate-title,
.page-content .block-cart .exchange-rate-value,
.page-content .block-cart .total-thb-title,
.page-content .block-cart .total-thb-value {
  border-bottom: 1px solid;
  border-color: rgba(135, 151, 174, 0.15);
}
.page-content .block-cart .well {
  padding: 15px;
  margin-top: 40px;
  margin-bottom: 0;
}
.page-content .block-cart .btn-payment-shipping .btn,
.page-content .block-cart .btn-back-to-shopping-cart .btn,
.page-content .block-cart .btn-order-confirm .btn {
  font-size: 18px;
  padding: 8px 20px;;
}
.form-group.error .control-label {
  color: #f55753 !important;
}
.page-content .block-cart .block-coupon input {
  width: 40%;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  header .top-search {
    width: 400px;
  }
  nav.top-menu .navbar-collapse {
    padding: 0;
  }
}
@media (min-width: 992px) {
  /*.pre-header .top-menu li.dropdown-account {
    display: none;
  }*/
  header .top-search {
    width: 600px;
  }
}
@media (max-width: 991px) {
  .page-content .block-cart {
    padding-top: 0;
  }
  .page-content .block-cart .cart-table-row {
    box-shadow: 0px 4px 4px -4px #ccc;
    border: none;
  }
  .page-content .block-cart .cart-table-title,
  .page-content .block-cart .cart-table-row .cart-action .cart-product-edit-desktop,
  .page-content .block-cart .cart-table-row .cart-action .cart-product-remove-desktop {
    display: none;
  }
  .page-content .block-cart .cart-table-row .cart-list-price,
  .page-content .block-cart .cart-table-row .cart-action {
    clear: both;
  }
  .page-content .block-cart .cart-table-row .cart-list-price,
  .page-content .block-cart .cart-table-row .cart-list-qty,
  .page-content .block-cart .cart-table-row .cart-list-total,
  .page-content .block-cart .cart-table-row .cart-list-remark {
    text-align: left;
    margin: 20px 0;
  }
  .page-content .block-cart .cart-table-row .cart-sub-title {
    font-size: 18px;
    font-weight: 700;
  }
  .page-content .block-cart .cart-table-row .cart-list-qty input {
    width: 100px;
    text-align: left;
  }
  .page-content .block-cart .cart-table-row .cart-sub-title,
  .page-content .block-cart .cart-table-row .cart-product-edit-mobile,
  .page-content .block-cart .cart-table-row .cart-product-remove-mobile {
    display: block;
  }
  .page-content .block-cart .cart-table-row .cart-action {
    text-align: center;
    margin: 20px 0;
  }
  .page-content .block-cart .cart-table-row .cart-product-edit-mobile {
    display: inline-block;
    border: 1px solid #f8d053;
    color: #f8d053;
    background: none;
    padding: 6px 20px 4px 20px;
    font-size: 16px;
  }
  .page-content .block-cart .cart-table-row .cart-product-remove-mobile {
    display: inline-block;
    border: 1px solid #f55753;
    color: #f55753;
    background: none;
    padding: 6px 20px 4px 20px;
    font-size: 16px;
  }
  .page-content .block-cart .list-total-value,
  .page-content .block-cart .quantity-total-value,
  .page-content .block-cart .subtotal-value,
  .page-content .block-cart .shipping-fee-total-value,
  .page-content .block-cart .exchange-rate-value,
  .page-content .block-cart .total-thb-value {
    text-align: left;
  }
  .page-content .block-cart .btn-payment-shipping,
  .page-content .block-cart .text-note-total,
  .page-content .block-cart .total-net-title {
    text-align: center;
  }
  .page-content .block-cart .block-coupon {
    margin-top: 0;
    text-align: center;
    margin: 20px;
  }
  .page-content .block-cart .block-coupon input {
    margin: 0 auto 10px;
  }
  .hto-service-content .hto .hto-block a h3 {
    min-height: 60px;
  }
  .hto-service-content .our-services .service-block a h3 {
    min-height: 60px;
  }
  .hto-service-content .our-services .service-block.hsc {
    display: none;
  }
  .hto-service-content .our-services .service-block.lsc {
    display: block;
  }
}
@media (max-width: 767px) {
  .pre-header {
    font-size: 13px;
  }
  header .top-search {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
  .pre-header .top-menu li {
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
  }
  .page-content .menu-account {
    display: none;
  }
  .page-content .menu-account-select {
    margin-bottom: 20px;
  }
  .page-content .content-account {
    margin-left: 0;
    padding: 0;
  }
  .page-content .block-cart-type a {
    margin: 0 auto;
    width: 255px;
    display: block;
  }
  .page-content .block-cart-type a:first-child {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .page-content .block-cart .cart-table-row .cart-list-image img {
    width: 100%;
    max-width: none;
  }
  .page-content .block-cart .cart-table-row .cart-list-price,
  .page-content .block-cart .cart-table-row .cart-list-total,
  .page-content .block-cart .cart-table-row .cart-action {
    clear: both;
  }
  .page-content .block-cart .cart-shop-name .shop-name,
  .page-content .block-cart .cart-shop-name .shipping-domestic {
    text-align: left;
  }
  .page-content .block-cart .cart-shop-name .shop-name h4 {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .page-content .block-cart .agree-order {
    text-align: center;
  }
  .page-content .block-cart .btn-order-confirm {
    float: none !important;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .page-content .product-item .product-option .item-remark textarea,
  .modal-cart-product-edit .form-cart-product .product-option .item-remark textarea {
    width: 200px;
  }
  .page-content .product-item .product-option .item-upload .input-group,
  .modal-cart-product-edit .form-cart-product .product-option .item-upload .input-group {
    width: 200px;
  }
}
@media (max-width: 550px) {
  header .logo {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .page-content .page-notfound h1 {
    font-size: 100px;
  }
  .page-content .page-notfound h3 {
    font-size: 22px;
  }
  .page-content .page-notfound h4 {
    font-size: 14px;
  }
  .hto-service-content .hto .hto-block a h3 {
    min-height: 90px;
  }
  .hto-service-content .our-services .service-block a h3 {
    min-height: 90px;
  }
}
@media (max-width: 480px) {
  .breadcrumb {
    display: none;
  }
  .page-content .product-item .product-option .item-ship-domestic .product-meta-label,
  .page-content .product-item .product-option .item-first .product-meta-label,
  .page-content .product-item .product-option .item-second .product-meta-label,
  .page-content .product-item .product-option .item-qty .product-meta-label,
  .page-content .product-item .product-option .item-stock .product-meta-label,
  .page-content .product-item .product-option .item-remark .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-ship-domestic .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-first .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-second .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-qty .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-stock .product-meta-label,
  .modal-cart-product-edit .form-cart-product .product-option .item-remark .product-meta-label {
    float: none;
    display: block;
  }
  .page-content .product-item .product-option .item-first .product-sku-first,
  .page-content .product-item .product-option .item-second .product-sku-second,
  .modal-cart-product-edit .form-cart-product .product-option .item-first .product-sku-first,
  .modal-cart-product-edit .form-cart-product .product-option .item-second .product-sku-second {
    margin-left: 0;
    margin-top: 0;
  }
  .page-content .product-item .product-option .item-remark textarea,
  .modal-cart-product-edit .form-cart-product .product-option .item-remark textarea {
    width: 100%;
  }
  .page-content .product-item .product-option .item-upload .input-group,
  .modal-cart-product-edit .form-cart-product .product-option .item-upload .input-group {
    width: 100%;
  }
  .page-content .product-item .btn-add-cart {
    margin-left: 0;
    text-align: center;
  }
}
/* blockUI */
.loading-message {
  display: inline-block;
  min-width: 150px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.loading-message.loading-message-boxed {
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loading-message > span {
  position: relative;
  top: 2px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  letter-spacing: 1px;
}
.blockUI.blockMsg.blockPage,
.blockUI.blockMsg.blockElement {
  min-width: 150px !important;
  margin: 0px auto !important;
  left: 0 !important;
  right: 0 !important;
}
/* Modal */
.modal {
  padding: 0;
  margin: 0;
}
.modal .modal-dialog .modal-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header {
  -moz-border-radius: 3px 3px 0px 0px ;
  -webkit-border-radius: 0px;
  border-radius: 3px 3px 0px 0px ;
}
.modal .modal-dialog .modal-content .modal-header h4 {
  position: relative;
  top: 2px;
  width: auto;
  font-size: 22px;
  line-height: 1.15;
  float: left;
}
.modal .modal-dialog .modal-content .modal-body {
  font-size: 13px;
  overflow-y: auto;
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 10px;
  background-color: #F5F5F5;
  margin-top: 0px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 3px 3px;
}
.modal.modal-center {
  padding-top: 10%;
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-medium .modal-dialog,
.modal.modal-small .modal-dialog {
  overflow-y: initial !important;
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0 auto;
}
.modal.modal-fullscreen .modal-content,
.modal.modal-fullscreen .modal-content .modal-header,
.modal.modal-fullscreen .modal-content .modal-footer {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.modal-theme .modal-header {
  background-color: #0288d1;
  color: white;
  position: relative;
}
.modal-theme .modal-header:before {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
}
.modal-warning .modal-header {
  background-color: #f8d053;
  color: white;
  position: relative;
}
.modal-warning .modal-header:before {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
}
.modal-open {
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.modal-open-noscroll {
  overflow-y: hidden !important;
}
@media (min-width: 768px) {
  .modal.modal-fullscreen .modal-dialog {
    width: 100%;
    margin: 0 auto;
  }
  .modal.modal-small .modal-dialog {
    width: 600px;
  }
}
@media (min-width: 992px) {
  .hto-service-content .our-services .service-block.hsc {
    display: block;
  }
  .hto-service-content .our-services .service-block.lsc {
    display: none;
  }
  .modal.modal-medium .modal-dialog {
    width: 900px;
  }
}
@media (max-width: 767px) {
  .hto-service-content .hto {
    margin-bottom: 20px;
  }
  .hto-service-content .hto h1 {
    font-size: 28px;
  }
  .hto-service-content .our-services {
    margin-bottom: 20px;
  }
  .hto-service-content .our-services h1 {
    font-size: 28px;
  }
  .product-promotion-content .in-stock h1 {
    font-size: 28px;
  }
  .customer-feedback-content .customer-feedback h1 {
    font-size: 28px;
  }
  /*.modal.modal-small .modal-dialog,
  .modal.modal-medium .modal-dialog {
    width: 100%;
    margin: 0 auto;
  }
  .modal.modal-small .modal-content,
  .modal.modal-small .modal-content .modal-header,
  .modal.modal-small .modal-content .modal-footer,
  .modal.modal-medium .modal-content,
  .modal.modal-medium .modal-content .modal-header,
  .modal.modal-medium .modal-content .modal-footer {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }*/
}
/* Datepicker */
.datepicker {
  width: 265px;
  padding: 10px; }
  .datepicker.datepicker-orient-top {
    margin-top: 8px; }
  .datepicker table {
    width: 100%; }
  .datepicker td, .datepicker th {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
    font-weight: 500; }
    .datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i {
      font-size: 0.85rem; }
  .datepicker thead th.dow {
    font-weight: 500; }
  .datepicker tbody tr > td.day.today {
    position: relative; }
    .datepicker tbody tr > td.day.today:before {
      content: '';
      display: inline-block;
      border: solid transparent;
      border-width: 0 0 7px 7px;
      border-bottom-color: #ffffff;
      border-top-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      bottom: 4px;
      right: 4px; }
  .datepicker tfoot tr > th.today, .datepicker tfoot tr > th.clear {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500; }

.input-daterange .input-group-addon {
  min-width: 44px; }

.datepicker thead th.prev:hover, .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover {
  background: #ebedf2; }

.datepicker tbody tr > td.day {
  color: #575962; }
  .datepicker tbody tr > td.day:hover {
    background: #ebedf2; }
  .datepicker tbody tr > td.day.old {
    color: #7b7e8a; }
  .datepicker tbody tr > td.day.new {
    color: #575962; }
  .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background: #0288d1;
    color: #ffffff; }
  .datepicker tbody tr > td.day.today, .datepicker tbody tr > td.day.today:hover {
    background: #828ee6;
    color: #ffffff; }
    .datepicker tbody tr > td.day.today:before {
      border-bottom-color: #ffffff;
      border-top-color: rgba(0, 0, 0, 0.2); }
  .datepicker tbody tr > td.day.range {
    background: #f4f5f8; }

.datepicker tbody tr > td span.month {
  color: #575962; }
  .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month:hover {
    background: #ebedf2; }
  .datepicker tbody tr > td span.month.active:hover, .datepicker tbody tr > td span.month.active {
    background: #0288d1;
    color: #ffffff; }

.datepicker tfoot tr > th.today:hover, .datepicker tfoot tr > th.clear:hover {
  background: #ebedf2; }

.datepicker.datepicker-inline {
  border: 1px solid #f4f5f8; }
/* Timepicker */
.bootstrap-timepicker-widget {
  width: 175px; }
  .bootstrap-timepicker-widget .bootstrap-timepicker-hour,
  .bootstrap-timepicker-widget .bootstrap-timepicker-minute,
  .bootstrap-timepicker-widget .bootstrap-timepicker-meridian,
  .bootstrap-timepicker-widget .bootstrap-timepicker-second {
    border: 0;
    background: none;
    outline: none !important;
    -webkit-box-shadow: none ;
    -moz-box-shadow: none ;
    box-shadow: none ; }
  .bootstrap-timepicker-widget table td > a {
    border: 0; }
    .bootstrap-timepicker-widget table td > a .la {
      font-size: 1.1rem; }

.bootstrap-timepicker-widget .bootstrap-timepicker-hour,
.bootstrap-timepicker-widget .bootstrap-timepicker-minute,
.bootstrap-timepicker-widget .bootstrap-timepicker-meridian,
.bootstrap-timepicker-widget .bootstrap-timepicker-second {
  color: #575962; }

.bootstrap-timepicker-widget table td > a .la {
  color: #7b7e8a; }

.bootstrap-timepicker-widget table td > a:hover {
  background: #ebedf2; }
/* owl-carousel */
.owl-wrapper-outer {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.owl-controls .owl-page span {
	display: block;
	width: 11px;
	height: 11px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.owl-controls .owl-page.active span {
	background: rgba(0, 0, 0, 0.9);
}