@font-face {
	font-family: 'rsuregular';
	src:         url('../fonts/rsu_regular.eot');
	src:         url('../fonts/rsu_regular.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/rsu_regular.woff2') format('woff2'),
	             url('../fonts/rsu_regular.woff') format('woff'),
	             url('../fonts/rsu_regular.svg#rsuregular') format('svg');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'rsulight';
	src:         url('../fonts/rsu_light.eot');
	src:         url('../fonts/rsu_light.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/rsu_light.woff2') format('woff2'),
	             url('../fonts/rsu_light.woff') format('woff'),
	             url('../fonts/rsu_light.svg#rsulight') format('svg');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'rsubold';
	src:         url('../fonts/rsu_bold.eot');
	src:         url('../fonts/rsu_bold.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/rsu_bold.woff2') format('woff2'),
	             url('../fonts/rsu_bold.woff') format('woff'),
	             url('../fonts/rsu_bold.svg#rsubold') format('svg');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'ferrumextra-condensed';
	src:         url('../fonts/ferrum.eot');
	src:         url('../fonts/ferrum.eot?#iefix') format('embedded-opentype'),
	             url('../fonts/ferrum.woff2') format('woff2'),
	             url('../fonts/ferrum.woff') format('woff'),
	             url('../fonts/ferrum.svg#ferrumextra-condensed') format('svg');
	font-weight: normal;
	font-style:  normal;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: block;
	clear:   both;

}

a {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	text-decoration:    none !important;
	color:              #666666;
	cursor:             pointer;
}

a:hover {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	text-decoration:    none !important;
	color:              #666666;
	cursor:             pointer;
}

a:focus {
	outline: none !important;
}

.nopad {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

html, body {
	margin:      0;
	padding:     0;
	max-width:   100%;
	height:      100%;
	font-family: Arial, Tahoma;
	display:     block;
	background:  #ffffff;
}

h1, h2, h3, h4, h5 {
	margin:  0;
	padding: 0;
}

ul {
	list-style: none;
	padding:    0;
	margin:     0;
}

li {
	list-style: none;
	padding:    0;
	margin:     0;
}

.fr {
	float: right !important;
}

.fl {
	float: left !important;
}

p {
	padding: 0;
	margin:  0;
}

.img-100 {
	width: 100%;
}

.img-auto {
	width: auto;
}

.no-pad {
	padding: 0 !important;
}

.no-mar-b {
	margin-bottom: 0 !important;
}

.no-border-b {
	border-bottom: 0 !important;
}

.no-border {
	border: 0 !important;
}

.over {
	overflow: hidden !important;
}

.m-auto {
	margin: auto !important;
}

.space {
	display: block;
}

.text-center {
	text-align: center !important;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute !important;
}

.rsu {
	font-family: 'rsuregular' !important;
}

.rsu-l {
	font-family: 'rsulight' !important;
}

.rsu-b {
	font-family: 'rsubold' !important;
}

.m-desktop {
	width:       1200px;
	display:     block;
	position:    absolute;
	top:         0;
	left:        50%;
	margin-left: -600px;
	z-index:     999;
}

.f-desktop {
	width:   100%;
	display: block;
}

.f-mobile {
	width:   100%;
	display: none;
	z-index: 8999;
}

.mm-desktop {
	display: inline-block !important;
}

.mm-mobile {
	display: none !important;
}

.warp {
	width:   100%;
	margin:  auto;
	display: block;
}

.main {
	width:   1700px;
	margin:  auto;
	display: block;
}

header {
	width:                   100%;
	padding:                 25px 0 0 0;
	display:                 block;
	text-align:              center;
	position:                relative;
	background:              url(../images/bg.jpg) no-repeat center center;
	z-index:                 7777;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

header .line {
	width:      100%;
	height:     2px;
	position:   absolute;
	bottom:     0;
	background: rgba(255, 207, 0, 1);
	background: -moz-linear-gradient(left, rgba(255, 207, 0, 1) 0%, rgba(195, 93, 9, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 207, 0, 1)), color-stop(100%, rgba(195, 93, 9, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 207, 0, 1) 0%, rgba(195, 93, 9, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 207, 0, 1) 0%, rgba(195, 93, 9, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 207, 0, 1) 0%, rgba(195, 93, 9, 1) 100%);
	background: linear-gradient(to right, rgba(255, 207, 0, 1) 0%, rgba(195, 93, 9, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf00', endColorstr='#c35d09', GradientType=1);
}

header a.logo {
	padding:    0;
	text-align: left;
	display:    block;
	float:      left;
}

header .right {
	width:   auto;
	display: block;
	float:   right;
}

header .right .top-r1 {
	padding:    0 0px 0 0;
	/* padding:    0 40px 0 0; */
	text-align: right;
	float:      left;
	display:    block;
}

header .right .top-r2 {
	width:      142px;
	padding:    0;
	text-align: left;
	display:    block;
	float:      left;
}

header .right .member {
	width:          100%;
	padding-bottom: 16px;
	display:        block;
}

header .right .member a {
	line-height:   28px;
	padding-right: 15px;
	color:         #ffffff;
	font-size:     23px;
	display:       block;
	float:         left;
}

header .right .member a:hover {
	color: #ffcf00;
}

header .right .member a:last-child {
	padding-right: 0;
}

header .right .member a img {
	margin:  0 8px 0 0;
	display: block;
	float:   left;
}

header .right .lang {
	width:   100%;
	padding: 0;
	display: block;
}

header .right .lang p {
	line-height: 26px;
	padding:     0 18px 0 0;
	color:       #ffffff;
	font-size:   17px;
	display:     block;
	float:       left;
}

header .right .lang a {
	padding: 0;
	margin:  0 4px;
	border:  2px solid rgba(225, 207, 0, 0);
	display: block;
	float:   left;
}

header .right .lang a img {
	opacity: 0.5;
}

header .right .lang a.active, header .right .lang a:hover {
	border: 2px solid rgba(225, 207, 0, 1);
}

header .right .lang a.active img, header .right .lang a:hover img {
	opacity: 1;
}

header .right .lang .image-cropper {
	width:         30px;
	height:        30px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

header .right .lang .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

header .right .search {
	width:         100%;
	padding:       3px 0;
	margin-bottom: 9px;
	border-bottom: 1px solid #ffffff;
	display:       block;
}

header .right .search form input::-moz-placeholder {
	color:   #ffffff;
	opacity: 1
}

header .right .search form input:-ms-input-placeholder {
	color: #ffffff;
}

header .right .search form input::-webkit-input-placeholder {
	color: #ffffff;
}

header .right .search form input[type="text"] {
	width:       80%;
	font-size:   13px;
	color:       #ffffff;
	height:      22px;
	line-height: 22px;
	border:      0;
	background:  none;
	float:       left;
}

header .right .search form input[type="submit"] {
	width:       20%;
	text-align:  center;
	padding:     0;
	text-indent: -9999px;
	line-height: 22px;
	border:      0;
	cursor:      pointer;
	background:  url(../images/icon-search.png) no-repeat center;
	float:       left;
}

header .right .social {
	width:      100%;
	padding:    0;
	display:    block;
	text-align: center;
}

header .right .social a {
	padding: 0;
	margin:  0 4px;
	border:  1px solid rgba(255, 255, 255, 1);
	display: inline-block;
}

header .right .social a:hover {
	border: 1px solid rgba(225, 207, 0, 1);
}

header .right .social .image-cropper {
	width:         35px;
	height:        35px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

header .right .social .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

header .menu {
	width:       auto;
	padding-top: 30px;
	text-align:  center;
	display:     inline-block;
}

header .menu nav {
	width:      auto;
	text-align: center;
	display:    block;
}

header .menu nav .mm {
	display: inline-block;
}

header .menu nav .mm a {
	padding: 10px 0 25px 0;
	display: block;
}

header .menu nav .mm a p {
	line-height:   36px;
	margin:        0 17px;
	color:         #ffffff;
	font-size:     25px;
	border-bottom: 1px solid rgba(255, 206, 0, 0);
	display:       inline-block;
}

header .menu nav .mm a:hover p, header .menu nav .mm a p.active {
	color:         #ffce00;
	border-bottom: 1px solid rgba(255, 206, 0, 1);
}

header .menu nav .dropdown.open a:hover p {
	border:        0;
	display:       block;
	color:         #5a2481;
	border-bottom: 1px solid rgba(255, 206, 0, 0);
}

header .menu nav .dropdown.open {
	background:         #ffffff;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

header .menu nav .dropdown.open a p {
	border:        0;
	display:       block;
	color:         #5a2481;
	border-bottom: 1px solid rgba(255, 206, 0, 0);
}

header .menu nav .dropdown .dropdown-menu {
	margin:             0;
	padding:            10px 65px 10px 18px;
	border-radius:      0;
	border:             0;
	position:           absolute;
	text-align:         left;
	left:               0;
	top:                97%;
	z-index:            1000;
	background:         #ffffff;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

header .menu nav .dropdown-menu > li > a {
	line-height: 30px;
	padding:     5px 0 5px 20px !important;
	color:       #5a2481 !important;
	font-size:   25px;
	background:  url("../images/icon-bullet2.png") no-repeat left top 14px;
}

header .menu nav .dropdown-menu > li > a:hover, header .menu nav .dropdown-menu > li > a:focus {
	color:            #ffcf00 !important;
	background-color: none;
}

main {
	width:   100%;
	display: block;
}

.btu-more {
	width:       300px;
	margin:      15px 0;
	line-height: 50px;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left;
	display:     inline-block;
	background:  #000000 url(../images/bg-more.png) no-repeat right !important;
}

.btu-more:hover {
	color: #ffcc00 !important;
}

.btu-next {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

.btu-next:hover {
	color: #ffcc00 !important;
}

.btu-next.yellow {
	color:      #5b2482;
	background: #ffcf00 url(../images/bg-next.png) no-repeat right !important;
}

.btu-next.yellow:hover {
	color: #000000 !important;
}

.btu-prev {
	width:       300px;
	margin:      15px 0;
	line-height: 50px;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	background:  #000000 url(../images/bg-prev.png) no-repeat right !important;
	float:       left;
}

.btu-prev:hover {
	color: #ffcc00 !important;
}

.btu-cancel {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	margin-left: 30px !important;
	padding:     0 20px;
	color:       #ffffff;
	font-size:   20px;
	background:  #d90000 url(../images/bg-cancel.png) no-repeat right !important;
	float:       left;
}

.btu-detail {
	width:       100%;
	margin:      0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       left;
}

.btu-detail:hover {
	color: #ffcc00 !important;
}

.m-topic {
	width:       100%;
	line-height: 60px;
	margin:      40px 0;
	color:       #59247f;
	font-size:   60px;
	display:     block;
}

.app {
	width:   80%;
	margin:  auto;
	display: block;
}

.app span {
	display: block;
}

.app span a {
	width:      50%;
	margin:     auto;
	text-align: center;
	display:    block;
	clear:      left;
}

.app span a img {
	width: 100%;
}

.mm-topic {
	width:       100%;
	line-height: 50px;
	padding:     40px 0;
	color:       #5b2482;
	font-size:   60px;
	display:     block;
}

.h-banner {
	width:    100%;
	display:  block;
	position: relative;
	float:    left;
}

.h-banner .btu-left {
	width:    auto;
	display:  block;
	position: absolute;
	top:      50px;
	left:     5%;
	z-index:  100;
}

.h-banner .btu-left a.booking {
	width:   auto;
	display: block;
	float:   left;
}

.h-banner .btu-left a.hotline {
	width:   auto;
	display: block;
	margin:  34px 0 0 -37px;
	float:   left;
}

.h-banner .btu-service {
	width:      60%;
	text-align: right;
	display:    block;
	position:   absolute;
	top:        255px;
	right:      5%;
	z-index:    100;
}

.h-banner .btu-service h3 {
	line-height: 100px;
	color:       #ffffff;
	font-size:   120px;
	text-align:  right;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	display:     block;
}

.h-banner .btu-service h4 {
	line-height:   34px;
	color:         #ffffff;
	font-size:     28px;
	margin-bottom: 15px;
	text-align:    right;
	text-shadow:   2px 2px 2px rgba(0, 0, 0, 0.7);
	display:       block;
}

.h-banner .btu-service .btu-next {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left !important;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

.m-banner {
	width:    78%;
	display:  block;
	position: relative;
	float:    left;
}

.m-banner .btu-left {
	width:    auto;
	display:  block;
	position: absolute;
	top:      50px;
	left:     5%;
	z-index:  100;
}

.m-banner .btu-left a.booking {
	width:   auto;
	display: block;
	float:   left;
}

.m-banner .btu-left a.hotline {
	width:   auto;
	display: block;
	margin:  34px 0 0 -37px;
	float:   left;
}

.m-banner .btu-service {
	width:      70%;
	text-align: right;
	display:    block;
	position:   absolute;
	top:        255px;
	right:      5%;
	z-index:    100;
}

.m-banner .btu-service h3 {
	line-height: 100px;
	color:       #ffffff;
	font-size:   100px;
	text-align:  right;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	display:     block;
}

.m-banner .btu-service h4 {
	line-height:   34px;
	color:         #ffffff;
	font-size:     28px;
	margin-bottom: 15px;
	text-align:    right;
	text-shadow:   2px 2px 2px rgba(0, 0, 0, 0.7);
	display:       block;
}

.m-banner .btu-service .btu-next {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left !important;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

.quick {
	width:    22%;
	display:  block;
	float:    left;
	position: relative;
	top:      auto;
	left:     auto;
}

.quick .topic {
	width:       100%;
	line-height: 34px;
	padding:     15px 24px;
	color:       #ffffff;
	font-size:   30px;
	display:     block;
	background:  rgba(131, 77, 152, 1);
	background:  -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:  -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background:  -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:  -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:  -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:  linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

.quick form {
	width:      100%;
	padding:    23px 24px;
	display:    block;
	background: #ffffff;
}

.quick form input::-moz-placeholder {
	color:   #000000;
	opacity: 1
}

.quick form input:-ms-input-placeholder {
	color: #000000;
}

.quick form input::-webkit-input-placeholder {
	color: #000000;
}

.quick form fieldset {
	width:   100%;
	display: block;
}

.quick form h3 {
	width:         100%;
	margin:        5px 0;
	line-height:   26px;
	margin-bottom: 7px;
	padding:       0 0 0 40px;
	font-size:     25px;
	color:         #59247f;
	display:       block;
}

.quick form h3.num1 {
	background: url(../images/num1.png) no-repeat top left;
}

.quick form h3.num2 {
	background: url(../images/num2.png) no-repeat top left;
}

.quick form .frame {
	display:       block;
	padding:       5px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #5b2482;
	background:    #ffffff;
}

.quick form .frame .ff {
	border-left: 1px solid #5b2482;
	display:     block;
	padding:     0;
}

.quick form .frame .ff:first-child {
	border-left: 0;
}

.quick form input[type="text"] {
	padding:     0 17px;
	font-size:   15px;
	color:       #000000;
	height:      30px;
	line-height: 30px;
	border:      0;
}

.quick form .frame .dropdown-toggle {
	margin:        0;
	border-radius: 0;
	border:        0;
	background:    #ffffff;
}

.quick form .frame .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.quick form .frame .dropdown-menu {
	border-radius: 0;
	border:        0;
}

.quick form .frame .btn {
	font-size:   15px;
	line-height: 30px;
	padding:     0 0 0 17px;
}

.quick form .frame .icon-calendar {
	background: url(../images/icon-calendar.png) no-repeat top 0 right 16px;
}

.quick form .frame .icon-time {
	background: url(../images/icon-time2.png) no-repeat top 1px right 10px;
}

.quick .dropdown-menu > .active > a,
.quick .dropdown-menu > .active > a:hover,
.quick .dropdown-menu > .active > a:focus {
	background: #834d98;
}

.quick .bootstrap-select > .dropdown-toggle.bs-placeholder,
.quick .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.quick .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.quick .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #000000;
}

.quick form input[type="submit"] {
	width:       100%;
	margin:      5px 0 0 0;
	text-align:  left;
	line-height: 30px;
	color:       #ffffff;
	font-size:   20px;
	border:      0;
	background:  #000000;
	cursor:      pointer;
}

.quick .btu-next {
	width:       100%;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

.quick .bootstrap-select.btn-group .dropdown-toggle .caret {
	position:       absolute;
	top:            50%;
	right:          12px;
	margin-top:     -10px;
	vertical-align: middle;
	border-bottom:  0;
}

.quick .caret {
	display:        inline-block;
	width:          13px;
	height:         20px;
	margin-left:    2px;
	padding:        0;
	vertical-align: top;
	border:         0;
	background:     url(../images/icon-location.png) no-repeat center center;
}

.quick .tel {
	width:   100%;
	display: inline-block;
}

.quick .tel img {
	width: 100%;
}

.q-m {
	width:      100%;
	display:    inline-block;
	background: #000000;
}

.h-banner li {
	text-align: center;
}

.h-banner li, .h-banner li.lslide, .h-banner li.clone {
	text-align: center;
	position:   relative;
}

.h-banner li.lslide .btu-service, .h-banner li.clone .btu-service {
	text-align:         left;
	display:            block;
	opacity:            0;
	position:           absolute;
	top:                275px;
	right:              5%;
	z-index:            100;
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-banner li.lslide.active .btu-service, .h-banner li.clone.active .btu-service {
	top:                255px;
	opacity:            1;
	transition:         all 1s ease 0.6s;
	transition:         all 1s ease 0.6s;
	-webkit-transition: all 1s ease 0.6s;
}

.h-banner li .fade-color {
	width:      100%;
	height:     100%;
	display:    inline-block;
	position:   absolute;
	top:        0;
	left:       0;
	z-index:    20;

	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);

}

.h-banner li img {
	width: 100%;
}

.h-banner .lSAction > a {
	width:            50px;
	height:           50px;
	bottom:           6%;
	background-color: rgba(51, 51, 51, 0);
	color:            #ffffff !important;
	line-height:      50px;
	font-family:      'ferrumextra-condensed';
	font-size:        3em;
}

.h-banner .lSAction > .lSPrev {
	right: 7.5%;
}

.h-banner .lSAction > .lSNext {
	right: 5%;
}

.h-banner .lSSlideOuter .lSPager {
	position: absolute;
	right:    12%;
	bottom:   6.5%;
}

.h-banner .lSSlideOuter .lSPager.lSpg > li {
	width:         50px;
	height:        50px;
	line-height:   50px;
	margin:        0 5px;
	border-bottom: 3px solid rgba(255, 206, 0, 0);
}

.h-banner .lSSlideOuter .lSPager.lSpg > li a {
	line-height:   50px;
	text-align:    center;
	color:         #ffffff;
	font-size:     17px;
	border-radius: 0;
	background:    none !important;
}

.h-banner .lSSlideOuter .lSPager.lSpg > li a:hover {
	color:      #ffffff;
	background: none;
}

.h-banner .lSSlideOuter .lSPager.lSpg > li.active {
	border-bottom: 3px solid rgba(255, 206, 0, 1);
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:hover {
	border-bottom: 3px solid rgba(255, 206, 0, 1);
}

.h-banner .lSSlideOuter .lSPager.lSpg > li.active a {
	border-radius: 0;
	background:    none;
}

.h-banner .lSSlideOuter .lSPager.lSpg > li.active a:hover {
	background: none;
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before {
	content:      "01";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before {
	content:      "02";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before {
	content:     "03";
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before {
	content:     "04";
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before {
	content:     "05";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before {
	content:     "06";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before {
	content:     "07";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before {
	content:     "08";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before {
	content:     "09";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before {
	content:     "10";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before {
	content:     "11";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.h-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before {
	content:     "12";
	padding:     25px;
	color:       #ffffff;
	font-family: 'rsubold'
}

.m-banner {
	position: relative;
}

.m-banner li {
	text-align: center;
}

.m-banner li, .h-banner li.lslide, .m-banner li.clone {
	text-align: center;
	position:   relative;
}

.m-banner li.lslide .btu-service, .m-banner li.clone .btu-service {
	text-align:         left;
	display:            block;
	opacity:            0;
	position:           absolute;
	top:                125px;
	right:              5%;
	z-index:            100;
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.m-banner li.lslide.active .btu-service, .m-banner li.clone.active .btu-service {
	top:                100px;
	opacity:            1;
	transition:         all 1s ease 0.6s;
	transition:         all 1s ease 0.6s;
	-webkit-transition: all 1s ease 0.6s;
}

.m-banner li .fade-color {
	width:      100%;
	height:     100%;
	display:    inline-block;
	position:   absolute;
	top:        0;
	left:       0;
	z-index:    20;

	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(37%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.8) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);

}

.m-banner li img {
	width: 100%;
}

.m-banner .lSAction > a {
	width:            50px;
	height:           50px;
	bottom:           6%;
	background-color: rgba(51, 51, 51, 0);
	color:            #ffffff !important;
	line-height:      50px;
	font-family:      'ferrumextra-condensed';
	font-size:        3em;
}

.m-banner .lSAction > .lSPrev {
	right: 7.5%;
}

.m-banner .lSAction > .lSNext {
	right: 5%;
}

.m-banner .lSSlideOuter .lSPager {
	position: absolute;
	right:    12%;
	bottom:   6.5%;
}

.m-banner .lSSlideOuter .lSPager.lSpg > li {
	width:         50px;
	height:        50px;
	line-height:   50px;
	margin:        0 5px;
	border-bottom: 3px solid rgba(255, 206, 0, 0);
}

.m-banner .lSSlideOuter .lSPager.lSpg > li a {
	line-height:   50px;
	text-align:    center;
	color:         #ffffff;
	font-size:     17px;
	border-radius: 0;
	background:    none !important;
}

.m-banner .lSSlideOuter .lSPager.lSpg > li a:hover {
	color:      #ffffff;
	background: none;
}

.m-banner .lSSlideOuter .lSPager.lSpg > li.active {
	border-bottom: 3px solid rgba(255, 206, 0, 1);
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:hover {
	border-bottom: 3px solid rgba(255, 206, 0, 1);
}

.m-banner .lSSlideOuter .lSPager.lSpg > li.active a {
	border-radius: 0;
	background:    none;
}

.m-banner .lSSlideOuter .lSPager.lSpg > li.active a:hover {
	background: none;
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before {
	content:      "01";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before {
	content:      "02";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before {
	content:      "03";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before {
	content:      "04";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before {
	content:      "05";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before {
	content:      "06";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before {
	content:      "07";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before {
	content:      "08";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before {
	content:      "09";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before {
	content:      "10";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before {
	content:      "11";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before {
	content:      "12";
	line-height:  40px;
	padding-left: 5px;
	color:        #ffffff;
	font-family:  'rsubold'
}

/*
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(1)::before{ content:"01"; line-height:40px; padding-left:5px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(2)::before{ content:"02"; line-height:40px; padding-left:5px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(3)::before{ content:"03"; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(4)::before{ content:"04"; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(5)::before{ content:"05"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(6)::before{ content:"06"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(7)::before{ content:"07"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(8)::before{ content:"08"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(9)::before{ content:"09"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(10)::before{ content:"10"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(11)::before{ content:"11"; padding:25px; color:#FFF; font-family:'rsubold' }
.m-banner .lSSlideOuter .lSPager.lSpg > li:nth-child(12)::before{ content:"12"; padding:25px; color:#FFF; font-family:'rsubold' }
*/

.m-banner .p-prev {
	width:       50px;
	height:      50px;
	line-height: 50px;
	text-align:  center;
	display:     block;
	position:    absolute;
	right:       7.5%;
	bottom:      6%;
	cursor:      pointer;
}

.m-banner .p-next {
	width:       50px;
	height:      50px;
	line-height: 50px;
	text-align:  center;
	display:     block;
	position:    absolute;
	right:       5%;
	bottom:      6%;
	cursor:      pointer;
}

.m-banner .p-prev::before {
	content:     "<";
	width:       50px;
	color:       #ffffff;
	font-size:   50px;
	font-family: "ferrumextra-condensed";
}

.m-banner .p-next::after {
	content:     ">";
	width:       50px;
	color:       #ffffff;
	font-size:   50px;
	font-family: "ferrumextra-condensed";
}

.bg-about {
	width:      100%;
	display:    inline-block;
	background: #ffffff;
}

/* .bg-about{ width:100%; display:inline-block; background: url(../images/bg3.jpg) no-repeat center center;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; } */
.h-about {
	width:   90%;
	margin:  auto;
	padding: 70px 0;
	display: block;
}

/* .h-about h2{ width:98%; margin:20px auto 30px auto; line-height:75px; color:#5A2481; font-size:55px; display:block;} */
.h-about h2 {
	width:       98%;
	margin:      20px auto 30px auto;
	line-height: 60px;
	color:       #5b2482;
	font-size:   55px;
	display:     block;
}

.h-about span {
	padding: 0;
	display: block;
}

.h-about span p {
	color:     #000000;
	padding:   0 15px;
	font-size: 15px;
}

.h-about a.btu-about {
	width:        300px;
	line-height:  50px !important;
	color:        #ffffff;
	font-size:    20px;
	margin-right: 36px;
	padding:      0 20px;
	text-align:   left !important;
	background:   #000000 url(../images/bg-next.png) no-repeat right !important;
	float:        left;
}

.h-about span p {
	color:     #000000;
	padding:   0 15px;
	font-size: 15px;
}

.h-about .content {
	width:       98%;
	margin:      0 auto 60px auto;
	line-height: 33px;
	color:       #000000;
	padding:     0;
	font-size:   30px;
}

.h-about .content u {
	height:                20px;
	color:                 #5a2481;
	text-decoration-color: #ffcf00;
}

.h-about .bottom {
	width:  98%;
	margin: 0 auto 60px auto;
}

.about {
	width:      100%;
	margin:     0 auto 50px auto;
	padding:    40px 0 0 0;
	border:     1px solid #cccccc;
	border-top: 1px solid #cccccc;
	display:    block;
}

.about h2 {
	width:       85%;
	margin:      20px auto 30px auto;
	line-height: 75px;
	color:       #5a2481;
	font-size:   95px;
	display:     block;
}

.about h4 {
	width:       85%;
	margin:      10px auto 20px auto;
	line-height: 50px;
	color:       #5a2481;
	font-size:   50px;
	display:     block;
}

.about p {
	color:     #000000;
	padding:   0 15px;
	font-size: 15px;
}

.about a.btu-next {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left !important;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

.about a.btu-about {
	width:        300px;
	line-height:  50px !important;
	color:        #ffffff;
	font-size:    20px;
	margin-right: 36px;
	padding:      0 20px;
	text-align:   left !important;
	background:   #000000 url(../images/bg-next.png) no-repeat right !important;
	float:        left;
}

.about a.btu-about:last-child {
	margin-right: 0;
}

.about a.btu-about:hover {
	color: #ffcf00;
}

.about span p {
	color:     #000000;
	padding:   0 15px;
	font-size: 15px;
}

.about .content {
	width:       85%;
	margin:      0 auto 45px auto;
	line-height: 33px;
	color:       #000000;
	padding:     0;
	font-size:   30px;
}

.about .content u {
	height:                20px;
	color:                 #5a2481;
	text-decoration-color: #ffcf00;
}

.about .bottom {
	width:  85%;
	margin: 0 auto 70px auto;
}

.about ul.term {
	width:         85%;
	margin:        0 auto 50px auto;
	display:       block;
	counter-reset: my-badass-counter;
}

.about ul.term ol {
	width:       100%;
	line-height: 42px;
	font-size:   30px;
	padding:     0;
	display:     inline-block;
}

.about ul.term ol:before {
	width:             34px;
	height:            34px;
	line-height:       34px;
	margin-right:      26px;
	border-radius:     50%;
	text-align:        center;
	color:             #ffce00;
	display:           inline-block;
	content:           counter(my-badass-counter);
	counter-increment: my-badass-counter;
	background:        rgba(131, 77, 152, 1);
	background:        -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:        -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background:        -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:        -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:        -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:        linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:            progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

.about ul.term2 {
	width:         100%;
	margin:        0;
	display:       block;
	counter-reset: my-badass-counter;
}

.about ul.term2 ol {
	width:       100%;
	line-height: 30px;
	font-size:   30px;
	padding:     0 0 15px 43px;
	position:    relative;
	display:     inline-block;
}

.about ul.term2 ol:before {
	width:             34px;
	height:            34px;
	line-height:       34px;
	margin-right:      26px;
	border-radius:     50%;
	text-align:        center;
	color:             #000000;
	display:           inline-block;
	position:          absolute;
	left:              0;
	top:               0;
	content:           counter(my-badass-counter);
	counter-increment: my-badass-counter;
	/* background: rgba(131,77,152,1);
background: -moz-linear-gradient(-45deg, rgba(131,77,152,1) 0%, rgba(91,36,130,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131,77,152,1)), color-stop(100%, rgba(91,36,130,1)));
background: -webkit-linear-gradient(-45deg, rgba(131,77,152,1) 0%, rgba(91,36,130,1) 100%);
background: -o-linear-gradient(-45deg, rgba(131,77,152,1) 0%, rgba(91,36,130,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(131,77,152,1) 0%, rgba(91,36,130,1) 100%);
background: linear-gradient(135deg, rgba(131,77,152,1) 0%, rgba(91,36,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834d98', endColorstr='#5b2482', GradientType=1 ); */
}

.about .vi-mi {
	width:   85%;
	margin:  0 auto 70px auto;
	display: block;
}

.about .vi-mi .row {
	margin: 0 -68px;
}

.about .vi-mi span {
	width:   50%;
	padding: 0 68px;
	margin:  0;
	display: block;
	float:   left;
}

.about .vi-mi span h3 {
	width:       100%;
	margin:      0 0 30px 0;
	line-height: 60px;
	color:       #5a2481;
	font-size:   60px;
	display:     block;
}

.about .vi-mi span p {
	width:       100%;
	padding:     0;
	margin:      0;
	line-height: 30px;
	color:       #000000;
	font-size:   30px;
	display:     block;
}

.about .mborder {
	padding:      30px 0 0 0;
	border-left:  1px solid #cccccc;
	border-right: 1px solid #cccccc;
	display:      block;
}

.about .mbottom {
	width:                   100%;
	padding:                 40px 0;
	margin:                  0 0 50px 0;
	text-align:              center;
	display:                 inline-block;
	background:              url(../images/bg-bottom-service.jpg) no-repeat center center;
	z-index:                 1000;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.about .mbottom span {
	width:      85%;
	padding:    0;
	text-align: left;
	display:    inline-block;
	float:      none;
}

.about .mbottom span a.btu-next {
	margin-right: 35px;
}

.about .m-content {
	width:       85%;
	line-height: 32px;
	margin:      30px 7.5% 60px 7.5%;
	font-size:   28px;
	font-family: 'rsubold';
	display:     inline-block;
}

.about .m-content a {
	color: #5b2482;
}

.about ul {
	width:   100%;
	margin:  0;
	display: inline-block;
}

.about ul li {
	width:       100%;
	line-height: 30px;
	font-size:   30px;
	padding:     7px 0;
	display:     inline-block;
}

.about span {
	width:   50%;
	padding: 0 25px 0 0;
	margin:  0;
	display: inline-block;
	float:   left;
}

.about p {
	width:       100%;
	line-height: 32px;
	font-size:   28px;
	padding:     0;
	display:     block;
	float:       left;
}

.about p a {
	color: #5b2482;
}

.about h3 {
	width:       100%;
	padding:     0;
	margin:      0 0 25px 0;
	color:       #59247f;
	font-size:   50px;
	font-family: 'rsubold';
	display:     inline-block;
}

.h-service {
	width:   100%;
	display: block;
}

.h-service .topic {
	width:       100%;
	line-height: 70px;
	padding:     30px 0;
	color:       #ffffff;
	font-size:   75px;
	display:     block;
	background:  rgba(131, 77, 152, 1);
	background:  -moz-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background:  -webkit-gradient(left top, right top, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(50%, rgba(75, 71, 132, 1)), color-stop(100%, rgba(131, 77, 152, 1)));
	background:  -webkit-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background:  -o-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background:  -ms-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background:  linear-gradient(to right, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#834d98', GradientType=1);
}

.h-service .container {
	width:      100%;
	margin:     0;
	padding:    10px 110px;
	background: #222222;
	display:    inline-block;
	position:   relative;
}

.h-service ul {
	width:      100%;
	margin:     0;
	padding:    0;
	display:    block;
	background: #222222;
}

.h-service ul .row {
	margin: 0 -10px;
}

/* .h-service ul li{ width:20%; padding:0 10px; display:block; float:left;} */
.h-service ul li {
	width:   20%;
	padding: 0;
	margin:  0;
	display: block;
	float:   left;
}

.h-service ul li a {
	width:      100%;
	background: #333333;
	display:    block;
}

.h-service ul li a:hover {
	width:              100%;
	display:            block;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    7px 7px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:         7px 7px 5px 0px rgba(0, 0, 0, 0.7);
}

.h-service ul li .pic {
	width:    100%;
	position: relative;
	display:  block;
}

.h-service ul li .pic .icon {
	width:    30%;
	height:   36%;
	left:     30%;
	top:      30%;
	margin:   0;
	position: absolute;
	display:  block;
}

.h-service ul li .pic .image-cropper {
	width:         100%;
	height:        100%;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

.h-service ul li a .pic .image-cropper {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-service ul li a:hover .pic .image-cropper {
	-webkit-box-shadow: 9px 9px 5px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    9px 9px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:         9px 9px 5px 0px rgba(0, 0, 0, 0.7);
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-service ul li .pic .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

.h-service ul li .pic img {
	width: 100%;
}

.h-service ul li .content {
	width:   100%;
	padding: 22px 18px;
	display: block;
}

.h-service ul li a .content {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-service ul li a:hover .content {
	background:         rgba(131, 77, 152, 1);
	background:         -moz-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:         -webkit-gradient(left top, right top, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background:         -webkit-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:         -o-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:         -ms-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background:         linear-gradient(to right, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-service ul li .content h4 {
	width:       100%;
	min-height:  40px;
	line-height: 30px;
	margin:      0;
	color:       #ffffff;
	font-size:   30px;
	display:     block;
}

.h-service ul li a:hover .content h4 {
	color:              #ffcf00;
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-service ul li .content .line {
	width:         20px;
	border-bottom: 1px solid #ffffff;
	display:       block;
}

.h-service ul li .content p {
	width:       100%;
	height:      54px;
	margin-top:  15px;
	overflow:    hidden;
	line-height: 18px;
	color:       #ffffff;
	font-size:   15px;
	display:     block;
}

.h-service .container2 {
	width:      100%;
	margin:     0 0 50px 0;
	padding:    0;
	background: #222222;
	display:    inline-block;
	position:   relative;
}

.h-service .container2 ul {
	width:      100%;
	margin:     0;
	padding:    5px;
	display:    inline-block;
	background: #222222;
}

.h-service .container2 ul li {
	width:   25%;
	padding: 5px;
	margin:  0;
	display: block;
	float:   left;
}

.h-service .lSAction > a {
	width:            50px;
	height:           50px;
	top:              32%;
	background-color: rgba(51, 51, 51, 0);
	color:            #ffffff !important;
	line-height:      50px;
	font-family:      'ferrumextra-condensed';
	font-size:        4.5em;
	text-shadow:      2px 2px 2px rgba(0, 0, 0, 1);
}

.h-service .lSAction > .lSPrev {
	right: auto !important;
	left:  0;
}

.h-service .lSAction > .lSNext {
	right: 0;
}

.h-service .p-prev {
	width:       50px;
	height:      50px;
	line-height: 50px;
	text-align:  center;
	display:     block;
	position:    absolute;
	left:        25px;
	top:         50%;
	margin-top:  -25px;
	cursor:      pointer;
}

.h-service .p-next {
	width:       50px;
	height:      50px;
	line-height: 50px;
	text-align:  center;
	display:     block;
	position:    absolute;
	right:       25px;
	top:         50%;
	margin-top:  -25px;
	cursor:      pointer;
}

.h-service .p-prev::before {
	content:     "\f104";
	width:       50px;
	color:       #ffffff;
	font-size:   50px;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.h-service .p-next::after {
	content:     "\f105";
	width:       50px;
	color:       #ffffff;
	font-size:   50px;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.h-other {
	width:         100%;
	padding:       50px 0;
	border-bottom: 1px solid #cccccc;
	display:       block;
}

.h-other .row {
	margin: 0 -15px;
}

.h-other a {
	padding: 0 15px;
	display: block;
}

.h-other a .bg {
	width:      100%;
	height:     100%;
	background: #504886;
	position:   relative;
	overflow:   hidden;
}

.h-other a .bg img {
	width:              100%;
	opacity:            0.3;
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-other a:hover .bg img {
	transform:          scale(1.2, 1.2);
	-ms-transform:      scale(1.2, 1.2);
	-webkit-transform:  scale(1.2, 1.2);
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-other a ul {
	width:       350px;
	height:      146px;
	position:    absolute;
	left:        50%;
	top:         50%;
	margin-left: -175px;
	margin-top:  -73px;
	display:     block;
	z-index:     99;
}

.h-other a ul li {
	width:     100%;
	font-size: 30px;
	display:   block;
}

.h-other a ul li i {
	padding:     0 10px 0 0;
	line-height: 40px;
	color:       #ffcf00;
	font-size:   25px;
	float:       left;
	display:     block;
}

.h-other a ul li span {
	line-height: 23px;
	padding:     10px 0;
	color:       #ffffff;
	font-size:   30px;
	float:       left;
	display:     block;
}

.h-other a .bg .float {
	width:    100%;
	height:   100%;
	display:  block;
	position: absolute;
}

.h-other a .bg h4 {
	line-height: 40px;
	margin:      0;
	color:       #ffcd00;
	font-size:   40px;
	position:    absolute;
	top:         20px;
	left:        20px;
	z-index:     99;
}

.h-other a .bg h5 {
	line-height: 20px;
	margin:      0;
	color:       #ffffff;
	font-size:   20px;
	position:    absolute;
	top:         50px;
	left:        20px;
	z-index:     99;
}

.h-other a .bg p {
	width:       100%;
	height:      60px;
	line-height: 45px;
	text-align:  center;
	color:       #ffffff;
	font-size:   60px;
	position:    absolute;
	top:         50%;
	margin-top:  -30px;
	z-index:     99;
}

.h-other a .bg .pdf {
	line-height: 50px;
	padding:     0 0 0 66px;
	color:       #ffffff;
	font-size:   20px;
	background:  url(../images/icon-pdf.png) no-repeat left;
	position:    absolute;
	left:        20px;
	bottom:      20px;
	z-index:     99;
}

.h-location {
	width:   100%;
	display: block;
}

.h-location.border {
	margin-top: 50px;
	border-top: 1px solid #cccccc;
}

.h-location .topic {
	width:       100%;
	line-height: 70px;
	padding:     30px 0;
	color:       #5b2482;
	font-size:   75px;
	display:     block;
}

.h-location ul.nav {
	width:         100%;
	margin:        auto;
	padding:       0;
	display:       block;
	border-bottom: 5px solid #5b2482;
}

.h-location ul.nav li {
	padding:      0;
	margin:       0;
	border:       0;
	border-top:   1px solid #ffffff;
	border-right: 1px solid #ffffff;
	display:      block;
	float:        left;
}

.h-location ul.nav li:hover {
	background: none;
}

.h-location ul.nav li.active {
	padding:      0;
	margin:       0;
	border-right: 1px solid #ffffff;
}

.h-location ul.nav li a {
	width:         100%;
	margin:        0;
	padding:       0 24px 0 24px !important;
	line-height:   60px;
	border:        0;
	border-radius: 0;
	color:         #999999;
	font-size:     30px;
	background:    #dddddd;
	position:      relative;
}

.h-location ul.nav li a.focus, .h-location ul.nav li a.hover:focus {
	border:     0;
	background: none;
	display:    block;
}

.h-location ul.nav li a:hover, .h-location ul.nav li.active a, .h-location ul.nav li.active a:hover {
	margin:     0;
	padding:    0;
	border:     0;
	color:      #ffcc00;
	background: #5b2482;
}

.h-location ul.nav li a:hover .line {
	display: block;
}

.h-location ul.nav li.active a .line {
	display: block;
}

.h-location ul.nav li a:hover, .h-location ul.nav li.active a:hover {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.h-location .content {
	width:   100%;
	display: block;
}

.h-location .pic {
	padding: 0;
	display: block;
}

.h-location .pic img {
	width: 100%;
}

.h-location .address {
	padding: 50px 36px;
	display: block;
}

.h-location .address h3 {
	line-height: 40px;
	margin:      0;
	padding:     0;
	color:       #5a2481;
	font-size:   50px;
	display:     block;
}

.h-location .address span {
	padding: 0;
	display: block;
}

.h-location .address p {
	line-height: 20px;
	color:       #000000;
	font-size:   20px;
	display:     block;
}

.h-location .address a {
	padding:   0;
	color:     #000000;
	font-size: 20px;
}

.h-location .address a.email {
	color:     #ffcd00;
	font-size: 20px;
}

.h-location .map {
	width:   100%;
	display: block;
}

.h-location .map iframe {
	width:  100%;
	height: 500px;
}

.h-promotion {
	width:          100%;
	padding-bottom: 50px;
	border-bottom:  1px solid #cccccc;
	display:        block;
}

.h-promotion .topic {
	width:       100%;
	line-height: 70px;
	padding:     30px 0;
	color:       #5b2482;
	font-size:   75px;
	display:     block;
}

/* .h-promotion .row{ margin:-15px; }
.h-promotion .pic{ padding:15px; display:block; }
.h-promotion .pic img{ width:100%; border: 1px solid #CCC; }
.h-promotion .promotion-slide{ width:100%; display:block;}
.h-promotion .lSSlideOuter .lSPager.lSpg > li a{ background:#5A2481; }
.h-promotion .lSSlideOuter .lSPager.lSpg > li:hover a, .h-promotion .lSSlideOuter .lSPager.lSpg > li.active a{ background:#FFCD00; }
.h-promotion .lSSlideWrapper{ margin-bottom:20px; }
.h-promotion .btu-next{color:#FFF;}
.h-promotion .btu-next:hover{color:#FFCC00;} */

.h-promotion ul {
	width:   100%;
	display: block;
}

.h-promotion ul .row {
	margin: 0 -10px
}

.h-promotion ul li {
	width:   20%;
	padding: 0;
	display: block;
	float:   left;
}

.h-promotion ul li .container {
	width:   100%;
	padding: 0;
	border:  1px solid #cccccc;
	display: block;
}

.h-promotion ul li .pic {
	width:   100%;
	display: block;
}

.h-promotion ul li .pic img {
	width: 100%;
}

.h-promotion ul li .content {
	width:   100%;
	padding: 20px 17px;
	display: block
}

.h-promotion ul li .content h5 {
	width:   100%;
	margin:  0;
	padding: 0;
	display: block
}

.h-promotion ul li .content h5 a {
	height:      54px;
	line-height: 28px;
	overflow:    hidden;
	color:       #59247f;
	font-size:   25px;
	display:     block
}

.h-promotion ul li .content p {
	height:      72px;
	line-height: 18px;
	overflow:    hidden;
	margin:      0 0 15px 0;
	padding:     0;
	color:       #000000;
	font-size:   14px;
	display:     block
}

.h-promotion ul li .content span {
	width:       100%;
	line-height: 14px;
	padding:     7px 0;
	color:       #666666;
	font-size:   12px;
	display:     block;
}

.h-promotion ul li .content a.btu {
	line-height: 32px;
	margin:      0 0 0 -10px;
	padding:     7px 32px 7px 10px;
	color:       #2e0a58;
	font-size:   20px;
	display:     inline-block;
	background:  url(../images/arrow-right.png) no-repeat top 13px right 10px;
}

.h-promotion ul li .content a.btu:hover {
	color:            #ffffff;
	font-size:        20px;
	display:          inline-block;
	background-color: #59247f;
}

.h-promotion .lSSlideOuter .lSPager.lSpg > li {
	width:      auto !important;
	margin-top: 15px;
	text-align: center !important;
	display:    inline-block !important;
	float:      none;
}

.h-promotion .lSSlideOuter .lSPager.lSpg {
	text-align: center !important;
	display:    inline-block !important;
}

.h-promotion .lSSlideOuter .lSPager.lSpg > li a {
	background: #5a2481;
}

.h-promotion .lSSlideOuter .lSPager.lSpg > li:hover a, .h-news .lSSlideOuter .lSPager.lSpg > li.active a {
	background: #ffce00;
}

.h-news {
	width:   100%;
	display: block;
}

.h-news .topic {
	width:       100%;
	line-height: 70px;
	padding:     30px 0;
	color:       #5b2482;
	font-size:   75px;
	display:     block;
}

.h-news ul {
	width:   100%;
	display: block;
}

.h-news ul .row {
	margin: 0 -10px
}

.h-news ul li {
	width:   20%;
	padding: 0;
	display: block;
	float:   left;
}

.h-news ul li .container {
	width:   100%;
	padding: 0;
	border:  1px solid #cccccc;
	display: block;
}

.h-news ul li .pic {
	width:   100%;
	display: block;
}

.h-news ul li .pic img {
	width: 100%;
}

.h-news ul li .content {
	width:   100%;
	padding: 20px 17px;
	display: block
}

.h-news ul li .content h5 {
	width:   100%;
	margin:  0;
	padding: 0;
	display: block
}

.h-news ul li .content h5 a {
	height:      54px;
	line-height: 28px;
	overflow:    hidden;
	color:       #59247f;
	font-size:   25px;
	display:     block
}

.h-news ul li .content p {
	height:      72px;
	line-height: 18px;
	overflow:    hidden;
	margin:      0 0 15px 0;
	padding:     0;
	color:       #000000;
	font-size:   14px;
	display:     block
}

.h-news ul li .content span {
	width:       100%;
	line-height: 14px;
	padding:     7px 0;
	color:       #666666;
	font-size:   12px;
	display:     block;
}

.h-news ul li .content a.btu {
	line-height: 32px;
	margin:      0 0 0 -10px;
	padding:     7px 32px 7px 10px;
	color:       #2e0a58;
	font-size:   20px;
	display:     inline-block;
	background:  url(../images/arrow-right.png) no-repeat top 13px right 10px;
}

.h-news ul li .content a.btu:hover {
	color:            #ffffff;
	font-size:        20px;
	display:          inline-block;
	background-color: #59247f;
}

.h-news .lSSlideOuter .lSPager.lSpg > li {
	width:      auto !important;
	margin-top: 15px;
	text-align: center !important;
	display:    inline-block !important;
	float:      none;
}

.h-news .lSSlideOuter .lSPager.lSpg {
	text-align: center !important;
	display:    inline-block !important;
}

.h-news .lSSlideOuter .lSPager.lSpg > li a {
	background: #5a2481;
}

.h-news .lSSlideOuter .lSPager.lSpg > li:hover a, .h-news .lSSlideOuter .lSPager.lSpg > li.active a {
	background: #ffce00;
}

.service {
	width:   100%;
	display: block;
}

.service .border {
	padding: 30px 0 70px 0;
	display: block;
}

.service .menu {
	width:         100%;
	border-bottom: 5px solid #5b2482;
	margin:        auto;
	display:       block;
}

.service .container {
	width:   100%;
	margin:  auto;
	padding: 30px 0 0 0;
	border:  0;
	display: block;
}

.service .content {
	padding-bottom: 60px;
	border:         1px solid #cccccc;
	display:        inline-block;
}

.service .m-content {
	width:       85%;
	line-height: 32px;
	margin:      30px 7.5% 50px 7.5%;
	font-size:   28px;
	font-family: 'rsubold';
	display:     inline-block;
}

.service .m-content a {
	color: #5b2482;
}

.service ul.nav {
	width:      85%;
	margin:     0;
	padding:    0;
	border:     0;
	display:    block;
	text-align: center;
}

.service ul.nav li {
	width:        18%;
	padding:      0;
	margin:       0;
	border:       0;
	border-right: 1px solid #ffffff;
	text-align:   center;
	display:      inline-block;
}

.service ul.nav li:hover {
	background: none;
}

.service ul.nav li.active {
	padding:      0;
	margin:       0;
	border-right: 1px solid #ffffff;
}

.service ul.nav li a {
	width:         100%;
	height:        80px;
	margin:        0;
	padding:       10px 50px 10px 26px;
	line-height:   30px;
	text-align:    left;
	border:        0;
	border-radius: 0;
	color:         #999999;
	font-size:     30px;
	background:    #dddddd;
	position:      relative;
}

.service ul.nav li a.focus, .service ul.nav li a.hover:focus {
	border:     0;
	background: none;
	display:    block;
}

.service ul.nav li a:hover, .service ul.nav li.active a, .service ul.nav li.active a:hover {
	margin:     0;
	border:     0;
	color:      #ffcc00;
	background: #5b2482;
}

.service ul.nav li a:hover .line {
	display: block;
}

.service ul.nav li.active a .line {
	display: block;
}

.service ul.nav li a:hover, .h-location ul.nav li.active a:hover {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.service .pic {
	width:   100%;
	display: block;
}

.service .pic img {
	width: 100%;
}

.service ul {
	width:   100%;
	margin:  0;
	display: inline-block;
}

.service ul li {
	width:       100%;
	line-height: 30px;
	font-size:   30px;
	padding:     7px 0;
	display:     inline-block;
}

.service .row {
	margin: 0 -35px;
}

.service span {
	width:   50%;
	margin:  0;
	display: inline-block;
	float:   left;
}

.service span.pad {
	width:          85%;
	padding-bottom: 20px;
	margin:         auto;
	display:        block;
}

.service p {
	width:       100%;
	line-height: 32px;
	font-size:   28px;
	padding:     0;
	display:     block;
	float:       left;
}

.service p a {
	color: #5b2482;
}

.service p.ss {
	font-size: 30px;
	padding:   60px 35px 50px 35px;
	display:   block;
	float:     left;
}

.service p.ss a {
	color: #5b2482;
}

.service p.ss2 {
	font-size: 30px;
	padding:   0 35px 50px 35px;
	display:   block;
	float:     left;
}

.service p.ss2 a {
	color: #5b2482;
}

.service .border-bottom {
	border: 1px solid #cccccc;
}

.service .bottom {
	width:      100%;
	margin:     60px 0 0 0;
	padding:    30px 0;
	display:    block;
	background: #222222;
}

.service .bottom p {
	width:     85%;
	margin:    0 0 0 7%;
	color:     #ffffff;
	font-size: 25px;
	display:   block;
}

.service h2 {
	width:       100%;
	padding:     0;
	margin:      0 0 25px 0;
	color:       #59247f;
	font-size:   50px;
	font-family: 'rsubold';
	display:     inline-block;
}

.service h3 {
	width:     100%;
	padding:   0 0 15px 0;
	margin:    0;
	font-size: 35px;
	display:   inline-block;
}

.service h4 {
	width:     100%;
	padding:   0;
	margin:    0;
	font-size: 32px;
	display:   inline-block;
}

.service .mborder {
	padding:      30px 0 20px 0;
	border-left:  1px solid #cccccc;
	border-right: 1px solid #cccccc;
	display:      block;
}

.service .mbottom {
	width:                   100%;
	padding:                 40px 0;
	margin:                  0 0 50px 0;
	text-align:              center;
	display:                 inline-block;
	background:              url(../images/bg-bottom-service.jpg) no-repeat center center;
	z-index:                 1000;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.service .mbottom span {
	width:      85%;
	text-align: left;
	display:    inline-block;
	float:      none;
}

.service .mbottom span a.btu-next {
	margin-left: 35px;
}

.promotion {
	width:   100%;
	display: block;
}

.promotion ul {
	width:   100%;
	display: block;
}

.promotion ul .row {
	margin: 0 -15px;
}

.promotion ul li {
	padding: 15px;
}

.promotion ul li img {
	width: 100%;
}

.promotion .bottom {
	width:      100%;
	text-align: center;
	display:    block;
}

.p-detail {
	width:   100%;
	display: block;
}

.p-detail .border {
	padding: 0 0 70px 0;
	border:  1px solid #cccccc;
	display: block;
}

.p-detail .pic {
	width:                   100%;
	text-align:              center;
	display:                 block;
	background:              url(../images/bg-news.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.p-detail .pic img {
	max-height: 700px;
	text-align: center;
}

.p-detail .container {
	width:       85%;
	margin:      auto;
	padding:     40px 0;
	font-family: 'rsubold';
	display:     block;
}

.p-detail .container img {
	max-width: 100%;
}

.p-detail .bottom {
	width:       85%;
	margin:      auto;
	padding-top: 30px;
	display:     block;
}

.p-detail .bottom .f-share {
	width:   100%;
	padding: 10px 0 15px 0;
	display: block;
}

.p-detail .bottom label {
	padding:     0 23px 0 0;
	line-height: 50px;
	color:       #333333;
	font-size:   30px;
	font-weight: normal;
	float:       left;
}

.p-detail .bottom .share {
	padding: 0;
	float:   left;
}

.faqs {
	width:   100%;
	display: block;
}

.faqs section {
	margin-bottom: 30px;
}

.faqs [data-accordion] [data-control] {
	padding: 0;
}

.faqs .question {
	width:      100%;
	display:    block;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

.faqs .question h3 {
	width:       100%;
	margin:      0;
	padding:     17px 0 17px 120px;
	line-height: 36px;
	color:       #ffffff;
	font-size:   30px;
	display:     block;
	background:  url(../images/icon-q.png) no-repeat top 21px left 52px;
}

.faqs .answer {
	width:      100%;
	padding:    0;
	border:     1px solid #cccccc;
	border-top: 0;
	display:    block;
	background: #ffffff;
}

.faqs .answer p {
	padding:     25px 0 25px 120px;
	line-height: 25px;
	color:       #333333;
	font-size:   23px;
	display:     block;
	background:  url(../images/icon-a.png) no-repeat top 21px left 52px;
}

.faqs .bottom {
	width:       100%;
	margin:      auto;
	text-align:  center;
	padding-top: 30px;
	display:     block;
}

.tips {
	width:   100%;
	display: block;
}

.tips ul {
	width:   100%;
	display: block;
}

.tips ul li {
	width:   100%;
	display: block;
}

.tips ul li {
	width:   100%;
	padding: 15px 0;
	display: block;
}

.tips ul li .border {
	width:   100%;
	border:  1px solid #cccccc;
	display: block;
}

.tips ul li .pic {
	padding: 0;
	display: block;
}

.tips ul li .pic img {
	width: 100%;
}

.tips ul li .container {
	padding:     34px;
	border-left: 0;
	display:     block;
	position:    relative;
}

.tips ul li .container h3 {
	width:   100%;
	margin:  0;
	padding: 0 0 15px 0;
	display: block;
}

.tips ul li .container h3 a {
	line-height: 30px;
	margin:      0;
	padding:     0;
	color:       #59247f;
	font-size:   32px;
	display:     block;
}

.tips ul li .container .detail {
	line-height: 20px;
	padding:     0 0 15px 0;
	font-size:   16px;
	display:     block;
}

.tips ul li .container a.btu {
	line-height: 32px;
	margin:      0 0 0 -10px;
	padding:     7px 32px 7px 10px;
	color:       #2e0a58;
	font-size:   22px;
	display:     inline-block;
	background:  url(../images/arrow-right.png) no-repeat top 13px right 10px;
}

.tips ul li .container a.btu:hover {
	color:            #ffffff;
	font-size:        22px;
	display:          inline-block;
	background-color: #59247f;
}

.tips .bottom {
	width:       100%;
	margin:      auto;
	text-align:  center;
	padding-top: 30px;
	display:     block;
}

.tips-detail {
	width:   100%;
	display: block;
}

.tips-detail .border {
	padding: 0 0 70px 0;
	border:  1px solid #cccccc;
	display: block;
}

.tips-detail .pic {
	width:                   100%;
	text-align:              center;
	display:                 block;
	background:              url(../images/bg-news.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.tips-detail .pic img {
	max-height: 700px;
	text-align: center;
}

.tips-detail .container {
	width:   85%;
	margin:  auto;
	padding: 40px 0;
	display: block;
}

.tips-detail .container h3 {
	width:       100%;
	line-height: 30px;
	margin:      0 0 20px 0;
	padding:     0;
	color:       #59247f;
	font-size:   30px;
	display:     block;
}

.tips-detail .container .content {
	width:     100%;
	margin:    0;
	padding:   0;
	color:     #000000;
	font-size: 14px;
	display:   block;
}

.tips-detail .bottom {
	width:       85%;
	margin:      auto;
	padding-top: 30px;
	display:     block;
}

.tips-detail .bottom .f-share {
	width:   100%;
	padding: 10px 0 15px 0;
	display: block;
}

.tips-detail .bottom label {
	padding:     0 23px 0 0;
	line-height: 50px;
	color:       #333333;
	font-size:   30px;
	font-weight: normal;
	float:       left;
}

.tips-detail .bottom .share {
	padding: 0;
	float:   left;
}

.tips-detail .bottom a {
	width: 350px;
	color: #ffffff;
}

.news {
	width:   100%;
	display: block;
}

.news .topic {
	width:       100%;
	line-height: 70px;
	padding:     30px 0;
	color:       #5b2482;
	font-size:   75px;
	display:     block;
}

.news ul {
	width:   100%;
	display: block;
}

.news .row {
	margin: -15px
}

.news ul li {
	padding: 15px;
	display: block;
	float:   left;
}

.news ul li .container {
	width:   100%;
	padding: 0;
	display: block;
}

.news ul li .pic {
	width:   100%;
	display: block;
}

.news ul li .pic img {
	width: 100%;
}

.news ul li .content {
	width:      100%;
	padding:    30px 25px 20px 25px;
	border:     1px solid #cccccc;
	border-top: 0;
	display:    block
}

.news ul li .content h5 {
	width:   100%;
	margin:  0;
	padding: 0;
	display: block
}

.news ul li .content h5 a {
	height:      54px;
	line-height: 24px;
	overflow:    hidden;
	color:       #59247f;
	font-size:   25px;
	display:     block
}

.news ul li .content span {
	width:       100%;
	line-height: 14px;
	padding:     7px 0;
	color:       #666666;
	font-size:   12px;
	display:     block;
}

.news ul li .content p {
	height:      64px;
	line-height: 16px;
	overflow:    hidden;
	margin:      0 0 15px 0;
	padding:     0;
	color:       #000000;
	font-size:   14px;
	display:     block
}

.news ul li .content a.btu {
	line-height: 32px;
	margin:      0 0 0 -10px;
	padding:     7px 32px 7px 10px;
	color:       #2e0a58;
	font-size:   20px;
	display:     inline-block;
	background:  url(../images/arrow-right.png) no-repeat top 13px right 10px;
}

.news ul li .content a.btu:hover {
	color:            #ffffff;
	font-size:        20px;
	display:          inline-block;
	background-color: #59247f;
}

.news .bottom {
	width:      100%;
	text-align: center;
	display:    block;
}

.news .bottom a {
	color: #ffffff;
}

.news-detail {
	width:   100%;
	display: block;
}

.news-detail .border {
	padding: 0 0 70px 0;
	border:  1px solid #cccccc;
	display: block;
}

.news-detail .pic {
	width:                   100%;
	text-align:              center;
	display:                 block;
	background:              url(../images/bg-news.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.news-detail .pic img {
	max-height: 700px;
	text-align: center;
}

.news-detail .container {
	width:   85%;
	margin:  auto;
	padding: 40px 0;
	display: block;
}

.news-detail .container h3 {
	width:       100%;
	line-height: 30px;
	margin:      0;
	padding:     0;
	color:       #59247f;
	font-size:   30px;
	display:     block;
}

.news-detail .container .date {
	width:       100%;
	line-height: 14px;
	padding:     10px 0;
	color:       #666666;
	font-size:   12px;
	display:     block;
}

.news-detail .container .content {
	width:     100%;
	margin:    0;
	padding:   0;
	color:     #000000;
	font-size: 14px;
	display:   block;
}

.news-detail .container .content table.re100 {
	width: 100%;
}

.news-detail .container .content table.re100 td {
}

.news-detail .container .content table.re100 img {
	max-width: 100%;
	margin:    10px 0;
}

.news-detail .bottom {
	width:       85%;
	margin:      auto;
	padding-top: 30px;
	display:     block;
}

.news-detail .bottom .f-share {
	width:   100%;
	padding: 10px 0 15px 0;
	display: block;
}

.news-detail .bottom label {
	padding:     0 23px 0 0;
	line-height: 50px;
	color:       #333333;
	font-size:   30px;
	font-weight: normal;
	float:       left;
}

.news-detail .bottom .share {
	padding: 0;
	float:   left;
}

.news-detail .bottom a {
	width: 350px;
	color: #ffffff;
}

.contact {
	width:   100%;
	display: block;
}

.contact .top {
	width:   85%;
	margin:  50px auto 50px auto;
	display: block;
}

.contact .top h4 {
	width:       100%;
	line-height: 75px;
	margin:      0 0 30px 0;
	color:       #5b2482;
	font-size:   75px;
	display:     block;
}

.contact .top p {
	width:       100%;
	line-height: 30px;
	color:       #333333;
	font-size:   30px;
	display:     block;
}

.contact .menu {
	width:         100%;
	border-bottom: 5px solid #5b2482;
	margin:        auto;
	display:       block;
}

.contact .office {
	width:   100%;
	margin:  0;
	display: block;
}

.contact .office .pic {
	padding: 0;
	display: block;
}

.contact .office .pic img {
	width: 100%;
}

.contact .office .address {
	padding: 34px 29px;
}

.contact .office .address h3 {
	margin:    0;
	padding:   0;
	color:     #5a2481;
	font-size: 50px;
	display:   block;
}

.contact .office .address span {
	display: block;
}

.contact .office .address p {
	line-height: 20px;
	color:       #000000;
	font-size:   20px;
	display:     block;
}

.contact .office .address p.icon {
	line-height: 20px;
	color:       #000000;
	font-size:   20px;
	padding-top: 40px;
	display:     block;
	position:    relative;
}

.contact .office .address p.icon::before {
	content:     "\f041";
	color:       #5b2482;
	font-size:   34px;
	position:    absolute;
	top:         0;
	left:        0;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.contact .office .address a {
	padding:   0;
	color:     #000000;
	font-size: 20px;
}

.contact .office .address a.email {
	color:     #ffcd00;
	font-size: 20px;
}

.contact .office .map {
	width:   100%;
	display: block;
}

.contact .office .map iframe {
	width:  100%;
	height: 500px;
}

.contact .content {
	width:   100%;
	border:  1px solid #cccccc;
	display: inline-block;
}

.contact ul.nav {
	width:      85%;
	margin:     0;
	padding:    0;
	border:     0;
	display:    block;
	text-align: center;
}

.contact ul.nav li {
	width:        22%;
	padding:      0;
	margin:       0;
	border:       0;
	border-right: 1px solid #ffffff;
	text-align:   center;
	display:      inline-block;
}

.contact ul.nav li:hover {
	background: none;
}

.contact ul.nav li.active {
	padding:      0;
	margin:       0;
	border-right: 1px solid #ffffff;
}

.contact ul.nav li a {
	width:         100%;
	height:        80px;
	margin:        0;
	padding:       10px 50px 10px 26px;
	line-height:   30px;
	text-align:    left;
	border:        0;
	border-radius: 0;
	color:         #999999;
	font-size:     30px;
	background:    #dddddd;
	position:      relative;
}

.contact ul.nav li a.focus, .contact ul.nav li a.hover:focus {
	border:     0;
	background: none;
	display:    block;
}

.contact ul.nav li a:hover, .contact ul.nav li.active a, .contact ul.nav li.active a:hover {
	margin:     0;
	border:     0;
	color:      #ffcc00;
	background: #5b2482;
}

.contact ul.nav li a:hover .line {
	display: block;
}

.contact ul.nav li.active a .line {
	display: block;
}

.contact ul.nav li a:hover, .h-location ul.nav li.active a:hover {
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.contact .f-border {
	width:      100%;
	border:     1px solid #cccccc;
	border-top: 0;
	display:    inline-block;
}

.contact .f-border:first-child {
	border-top: 1px solid #cccccc;
}

.contact form {
	width:   85%;
	padding: 40px 0 50px 0;
	margin:  auto;
	display: block;
}

.contact form input::-moz-placeholder {
	color:   #000000;
	opacity: 1
}

.contact form input:-ms-input-placeholder {
	color: #000000;
}

.contact form input::-webkit-input-placeholder {
	color: #000000;
}

.contact form textarea::-moz-placeholder {
	color:   #000000;
	opacity: 1
}

.contact form textarea:-ms-textarea-placeholder {
	color: #000000;
}

.contact form textarea::-webkit-textarea-placeholder {
	color: #000000;
}

.contact h5 {
	width:       100%;
	line-height: 50px;
	margin:      0 0 40px 0;
	color:       #5b2482;
	font-size:   50px;
	display:     block;
}

.contact h6 {
	width:       100%;
	margin:      20px 0;
	line-height: 30px;
	color:       #5a2481;
	font-size:   30px;
	display:     inline-block;
	float:       left;
}

.contact .frame {
	width:   85%;
	padding: 40px 0 50px 0;
	margin:  auto;
	display: block;
}

.contact .frame .mtop {
	width:   100%;
	margin:  0 0 40px 0;
	display: inline-block;
}

.contact .frame .mtop p {
	padding:     100%;
	padding:     0;
	line-height: 28px;
	color:       #000000;
	font-size:   25px;
	display:     inline-block;
}

.contact .frame .address {
	width:   100%;
	margin:  0 0 10px 0;
	display: inline-block;
}

.contact .frame .address h6 {
	width:   22%;
	margin:  0 0 20px 0;
	display: inline-block;
}

.contact .frame .address p {
	padding:     78%;
	padding:     0;
	line-height: 30px;
	color:       #000000;
	font-size:   25px;
	display:     inline-block;
}

.contact .frame .type {
	width:   100%;
	margin:  0 0 20px 0;
	display: inline-block;
}

.contact .frame .type h6 {
	width:       22%;
	margin:      0 0 20px 0;
	line-height: 30px;
	color:       #5a2481;
	font-size:   30px;
	display:     inline-block;
	float:       left;
}

.contact .frame .type span {
	width:   26%;
	margin:  0;
	padding: 0;
	display: inline-block;
	float:   left;
}

.contact .frame .type span p {
	line-height: 24px;
	padding:     0;
	color:       #000000;
	font-size:   20px;
	display:     block;
	float:       left;
}

.contact .frame .type span p .tel {
	line-height: 24px;
	color:       #000000;
	font-size:   20px;
}

.contact .frame .type span p .email {
	line-height: 24px;
	color:       #ffce00;
	font-size:   20px;
}

.contact form .content {
	width:   100%;
	padding: 0 0 15px 0;
	border:  0;
	display: block;
}

.contact form .content ul {
	margin: 0;
}

.contact form .content ul li {
	width:         100%;
	padding:       25px 0 0 0;
	border-bottom: 1px solid #5b2482;
	display:       inline-block;
	position:      relative;
}

.contact form .content ul li i {
	display:    block;
	font-style: normal;
	position:   absolute;
	left:       0;
	z-index:    99;
}

.contact form .content ul li i::after {
	padding:   0 3px;
	content:   "*";
	font-size: 13px;
	color:     red;
}

.contact form .content ul li.no-border {
	border-bottom: 0;
}

.contact form .content ul li.submit {
	border-bottom: 0;
	padding-top:   10px;
}

/* .contact form .content ul li .message{ width:16.2%; height:120px; background:#F3EFEB; float:left;}
.contact form .content ul li label{  height:30px; color:#000; font-weight:normal; line-height:30px; font-size:20px; margin:0; padding:0 0 0 15px;} */
.contact form .content ul li input[type="text"] {
	padding:     0 15px;
	font-size:   20px;
	color:       #000000;
	height:      30px;
	line-height: 30px;
	border:      0;
}

.contact form .content ul li input[type="submit"] {
	text-align: left;
	border:     0;
}

.contact form .content ul li textarea {
	padding:     0 15px;
	font-size:   20px;
	color:       #000000;
	height:      120px;
	line-height: 30px;
	border:      0;
	resize:      none;
	float:       left;
}

.contact form .content ul li .remark {
	width:     100%;
	padding:   10px 0;
	color:     #000000;
	font-size: 13px;
	display:   block;
}

.contact form .content ul li .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	line-height: 30px;
}

.contact form .content ul li .dropdown-toggle {
	margin:        0;
	border-radius: 0;
	border:        0;
	background:    #ffffff;
}

.contact form .content ul li .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.contact form .content ul li .dropdown-menu {
	padding:       0;
	border-radius: 0;
	border:        0;
}

.contact form .content ul li .dropdown-menu > li > a {
	line-height: 40px;
	font-size:   16px;
	padding:     0 17px;
}

.contact form .content ul li .btn {
	font-size:   18px;
	line-height: 20px;
	padding:     0 0 0 17px;
}

.contact form .content ul li .caret {
	display:        inline-block;
	width:          0;
	height:         0;
	margin-left:    2px;
	vertical-align: middle;
	border-top:     8px dashed;
	border-top:     4px solid \9;
	border-right:   6px solid transparent;
	border-left:    6px solid transparent;
}

.contact form .content ul li .dropup .caret, .contact form .content ul li .navbar-fixed-bottom .dropdown .caret {
	content:       "";
	border-top:    0;
	border-bottom: 8px dashed;
	border-bottom: 4px solid \9;
}

.contact form .content ul li .bootstrap-select > .dropdown-toggle.bs-placeholder, .contact form .content ul li .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .contact form .content ul li .bootstrap-select > .contact form .content ul li .contact form .content ul li .dropdown-toggle.bs-placeholder:focus,
.contact form .content ul li .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #000000;
}

/*.branch{width:100%; padding: 0 0 60px 0; text-align:center; display:inline-block; background:url(../images/m-bg.jpg);}*/

.branch .frame {
	width:      100%;
	padding:    0 0 50px 0;
	background: #ffffff;
	display:    inline-block;
}

.branch .container {
	width:      100%;
	padding:    0;
	text-align: left;
	display:    inline-block;
}

.branch .container .topic {
	width:                   100%;
	padding:                 25px 0;
	display:                 inline-block;
	position:                relative;
	background:              url(../images/bg-bottom-service.jpg) no-repeat center center;
	z-index:                 1000;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

.branch .container .topic h3 {
	width:       auto;
	line-height: 50px;
	padding:     0 0 0 36px;
	margin:      0;
	color:       #ffcf00;
	font-size:   50px;
	display:     inline-block;
}

/* .job .container .topic .hot{width:auto; line-height:32px; margin-left:40px; padding:0 26px; color:#FFF; font-size:20px; display:inline-block; background:#B71F25; }
.job .container .topic em{width:60px; height:60px; margin:0; padding:0; display:block; background:url(../images/icon-open.jpg) no-repeat; position:absolute; right:0px; top:0px; }
.job .container .open .topic em{background:url(../images/icon-close.jpg)} */

.branch .container .topic em {
	width:            100px;
	height:           0;
	line-height:      100px !important;
	color:            #ffcf00 !important;
	font-weight:      normal;
	font-style:       normal;
	border-bottom:    100px solid #000000;
	border-left:      20px solid transparent;
	border-right:     0 solid transparent;
	text-align:       center;
	background-color: transparent;
	display:          block;
	position:         absolute;
	right:            0;
	top:              0;
	cursor:           pointer;
}

.branch .container .topic em::before {
	content:     "\f107";
	width:       100px;
	height:      100px;
	color:       #ffcf00;
	font-size:   40px;
	text-align:  center;
	position:    absolute;
	right:       -5px;
	display:     inline-block;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.branch .container .open .topic em::before {
	content: "\f106";
}

.branch .container [data-accordion] {
	margin-bottom: 30px;
}

.branch .container [data-accordion]:last-child {
	margin-bottom: 0;
}

.branch .container [data-accordion] [data-control] {
	border: 0;
}

.branch .container .bottom {
	width:   100%;
	padding: 0 30px 50px 30px;
	display: inline-block;
}

.branch .container .detail {
	width:         100%;
	padding:       0;
	border:        0;
	border-bottom: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	display:       inline-block;
	background:    #ffffff;
}

.branch .container .detail .pic {
	width:   23%;
	display: inline-block;
	float:   left;
}

.branch .container .detail .pic img {
	width: 100%;
}

.branch .container .detail h3 {
	width:       27%;
	line-height: 50px;
	padding:     50px 36px;
	margin:      0;
	color:       #59247f;
	font-size:   50px;
	display:     inline-block;
	float:       left;
}

.branch .container .detail span {
	width:   35%;
	padding: 50px 50px 0 0;
	display: inline-block;
	float:   left;
}

.branch .container .detail span p {
	line-height: 20px;
	color:       #000000;
	font-size:   20px;
	display:     block;
}

.branch .container .detail span a {
	padding:   0;
	color:     #000000;
	font-size: 20px;
}

.branch .container .detail span a.email {
	color:     #ffcd00;
	font-size: 20px;
}

.branch .container .detail .map {
	width:   15%;
	padding: 50px 0 0 0;
	display: inline-block;
	float:   left;
}

.branch .container .detail .map a {
	width:       100%;
	line-height: 33px;
	padding:     0 0 24px 60px;
	color:       #59247f;
	font-size:   23px;
	display:     inline-block;
	position:    relative;
}

.branch .container .detail .map a::before {
	width:       40px;
	height:      32px;
	display:     inline-block;
	position:    absolute;
	left:        0;
	top:         0;
	font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.branch .container .detail .map .grmap::before {
	content:    "";
	background: url(../images/icon-map.png) no-repeat;
}

.branch .container .detail .map .gomap::before {
	content:    "";
	background: url(../images/icon-location2.png) no-repeat;
}

.branch .container .detail .social {
	width:   15%;
	padding: 50px 0 0 0;
	display: inline-block;
	float:   left;
}

.branch .container .detail .social a {
	padding: 0;
	margin:  0 4px;
	border:  1px solid rgba(89, 36, 27, 1);
	display: inline-block;
}

.branch .container .detail .social a:hover {
	border: 1px solid rgba(225, 207, 0, 1);
}

.branch .container .detail .social .image-cropper {
	width:         36px;
	height:        36px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

.branch .container .detail .social .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

#m-sutthisan, #m-suvanabhumi, #m-bangna, #m-bangna, #m-trendy, #m-phetkasem, #m-donmueang, #m-phuket, #m-chiangmai, #m-huahin, #m-mabtaphut, #m-utapao {
	width:   1000px;
	padding: 0;
	display: none;
}

.popiframe {
	width:   100%;
	display: inline-block;
}

.popiframe iframe {
	width:   100%;
	height:  800px;
	display: inline-block;
}

.our-car {
	width:   100%;
	display: block;
}

.our-car dt {
	width:       85%;
	margin:      auto;
	padding:     50px 0 0 25px;
	font-weight: normal;
	display:     block;
	background:  url(../images/mark.png) no-repeat top 53px left;
}

.our-car dt h5 {
	width:       100%;
	margin:      auto;
	padding:     0;
	color:       #ff0000;
	font-size:   20px;
	font-weight: normal;
	display:     inline-block;
}

.our-car dt p {
	width:       100%;
	margin:      auto;
	padding:     0;
	color:       #ff0000;
	font-size:   18px;
	font-weight: normal;
	display:     inline-block;
}

.our-car section {
	width:         100%;
	border:        1px solid #cccccc;
	border-top:    0;
	border-bottom: 0;
	display:       block;
}

.our-car section.last {
	border-bottom: 1px solid #cccccc;
}

.our-car .topic {
	width:      100%;
	padding:    0;
	display:    block;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(50%, rgba(75, 71, 132, 1)), color-stop(100%, rgba(131, 77, 152, 1)));
	background: -webkit-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background: -o-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background: -ms-linear-gradient(left, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	background: linear-gradient(to right, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 50%, rgba(131, 77, 152, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#834d98', GradientType=1);
}

.our-car .topic h1 {
	width:       85%;
	line-height: 70px;
	margin:      auto;
	padding:     0;
	color:       #ffcf00;
	font-size:   50px;
	display:     block;
}
.our-car .topic h2 {
	width:       85%;
	line-height: 70px;
	margin:      auto;
	padding:     0;
	color:       #ffcf00;
	font-size:   50px;
	display:     block;
}

.our-car ul {
	width:   85%;
	margin:  30px auto;
	display: block;
}

.our-car .row {
	margin: -15px;
}

.our-car ul li {
	padding: 15px;
	display: block;
}

.our-car figure {
	padding: 22px 24px;
	border:  1px solid #cccccc;
	display: block;
	float:   left;
}

.our-car .title h2 {
	line-height:  25px;
	padding-left: 10px;
	margin:       0;
	padding:      0 0 0 28px;
	color:        #59247f;
	font-size:    30px;
	display:      block;
	float:        left;
}

.our-car .title h3 {
	line-height: 25px;
	margin:      0;
	padding:     10px 0 0 0;
	color:       #000000;
	font-size:   25px;
	position:    absolute;
	top:         42px;
	left:        0;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
}

.our-car .pic {
	width:   100%;
	padding: 0;
	display: block;
}

.our-car .pic img {
	width:   100%;
	display: block;
}

.our-car .detail {
	width:      50%;
	padding:    0;
	display:    block;
	text-align: right;
	float:      right;
}

.our-car .detail .top {
	width:      100%;
	padding:    0;
	text-align: right;
	display:    block;
}

.our-car .detail .top p {
	padding:     0;
	text-align:  left;
	border-left: 1px solid #ffffff;
	color:       #000000;
	font-size:   13px;
	display:     block;
	float:       right;
}

.our-car .detail .price {
	width:      100%;
	padding:    50px 0;
	display:    block;
	text-align: right;
}

.our-car .detail .price h4 {
	width:       100%;
	line-height: 50px;
	margin:      0;
	padding:     0;
	color:       #59247f;
	font-size:   70px;
	text-indent: 9999px;
	overflow:    hidden;
	display:     block;
}

.our-car .detail .price h5 {
	width:       100%;
	line-height: 15px;
	margin:      0;
	padding:     0;
	color:       #59247f;
	font-size:   20px;
	text-indent: 9999px;
	overflow:    hidden;
	display:     none;
}

.our-car .detail .bottom {
	display: block;
}

.our-car .detail .bottom p {
	width:       auto;
	line-height: 30px;
	color:       #000000;
	font-size:   25px;
	margin:      0 0 0 23px;
	display:     block;
	float:       right;
}

.our-car .detail .bottom p.oil {
	padding:    0 0 0 50px;
	background: url(../images/icon-oil.png) no-repeat left top;
	float:      right;
}

.our-car .detail .bottom p.cc {
	padding:    0 0 0 44px;
	background: url(../images/icon-cc.png) no-repeat left top;
	float:      right;
}

#booking {
	width:   100%;
	display: block;
}

#booking .m-main {
	width:   1410px;
	margin:  auto;
	display: block;
}

#booking .banner {
	width:   100%;
	display: block;
}

#booking .banner img {
	width: 100%;
}

/* #booking .step{ width:100%; padding:30px 0 20px 0; border:1px solid #CCC; display:block; } */
#booking .step {
	width:      100%;
	margin-top: -86px;
	padding:    30px 0 20px 0;
	position:   relative;
	display:    block;
}

#booking .step .loc .caret {
	display:        inline-block;
	width:          13px !important;
	height:         20px !important;
	margin-left:    2px !important;
	margin-top:     -10px !important;
	padding:        0 !important;
	vertical-align: top !important;
	border:         0 !important;
	background:     url(../images/icon-location.png) no-repeat center center !important;
}

#booking .step .menu {
	width:         100%;
	padding:       0;
	border-bottom: 5px solid #5b2482;
	display:       block;
}

#booking .step .menu a {
	width:        258px;
	line-height:  50px;
	padding:      0 16px;
	color:        #999999;
	font-size:    30px;
	display:      block;
	background:   #cccccc;
	border-right: 1px solid #ffffff;
	float:        left;
}

#booking .step .menu a:hover, #booking .step .menu a.active {
	color:      #ffcf00;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

/* #booking .step .menu p { width:258px; line-height:50px; padding:0 16px; color:#999; font-size:30px; display:block; background:#CCC; border-right:1px solid #FFF;  float:left;} */
#booking .step .menu p {
	width:        258px;
	line-height:  50px;
	padding:      0 16px;
	margin-right: 1px;
	color:        #999999;
	font-size:    30px;
	display:      block;
	background:   #cccccc;
	float:        left;
}

#booking .step .menu p.active {
	color:      #ffcf00;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

#booking form {
	width:          100%;
	border:         1px solid #cccccc;
	padding-bottom: 20px;
	display:        block;
}

#booking form input::-moz-placeholder {
	color:   #000000;
	opacity: 1
}

#booking form input:-ms-input-placeholder {
	color: #000000;
}

#booking form input::-webkit-input-placeholder {
	color: #000000;
}

#booking form section {
	width:      100%;
	margin:     30px 0;
	padding:    16px 30px 30px 30px;
	display:    block;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 51%, rgba(131, 77, 152, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(51%, rgba(75, 71, 132, 1)), color-stop(100%, rgba(131, 77, 152, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 51%, rgba(131, 77, 152, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 51%, rgba(131, 77, 152, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 51%, rgba(131, 77, 152, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(75, 71, 132, 1) 51%, rgba(131, 77, 152, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#834d98', GradientType=1);
}

#booking form section.no-obj {
	padding: 16px 30px;
}

#booking form section.no-mar {
	margin: 0;
}

#booking form section .top {
	width:   100%;
	padding: 0 15px 10px 15px;
	display: block;
}

#booking form section .top .dropdown-toggle {
	margin:        0;
	border-radius: 0;
	border:        0;
	background:    #ffffff;
}

#booking form section .top .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

#booking form section .top .dropdown-menu {
	border-radius: 0;
	border:        0;
}

#booking form section .top .frame {
	display: block;
	margin:  0 15px;
}

#booking form section .top .frame:nth-child(2) {
	display: block;
	margin:  0 0 0 15px;
}

#booking form section .top2 {
	width:   100%;
	padding: 14px 15px;
	display: block;
}

#booking form section .top2 .dropdown-toggle {
	margin:        0;
	border-radius: 0;
	border:        0;
	background:    #ffffff;
}

#booking form section .top2 .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

#booking form section .top2 .dropdown-menu {
	border-radius: 0;
	border:        0;
}

#booking form section .top2 .frame {
	display: block;
	margin:  0 15px;
}

#booking form section .top2 .frame:nth-child(2) {
	display: block;
	margin:  0 0 0 15px;
}

#booking form section .top2 h2 {
	margin:      0;
	line-height: 70px;
	text-align:  center;
	color:       #ffcc00;
	font-size:   70px;
	display:     block;
	position:    absolute;
	right:       30px;
	top:         20px;
}

#booking form section .top3 {
	width:   100%;
	padding: 14px 15px 27px 15px;
	display: block;
}

#booking form section .top3 .place {
	width:       100%;
	padding-top: 15px;
	display:     block;
	float:       left;
}

#booking form section .top3 .place td {
	width:        33%;
	line-height:  20px;
	padding:      9px 15px;
	color:        #000000;
	font-size:    15px;
	border-right: 1px solid #5b2482;
}

#booking form section .top3 .place td:last-child {
	border-right: 0px;
}

#booking form section h3 {
	width:       auto;
	line-height: 40px;
	margin:      0;
	padding:     0;
	color:       #ffce00;
	font-size:   40px;
	display:     block;
	float:       left;
}

#booking form section .row {
	margin: 0 -15px;
}

#booking form section fieldset {
	display: block;
}

#booking form section fieldset h4 {
	display:        block;
	line-height:    40px;
	margin:         0;
	padding-bottom: 10px;
	color:          #ffffff;
	font-size:      25px;
}

#booking form section .frame {
	display:    block;
	padding:    5px 0;
	background: #ffffff;
}

#booking form section .frame .ff {
	display: block;
	padding: 0;
}

#booking form section .frame .ff:nth-child(2) {
	border-left: 1px solid #5b2482;
}

#booking form input[type="text"] {
	padding:     0 17px;
	font-size:   15px;
	color:       #000000;
	height:      40px;
	line-height: 40px;
	border:      0;
}

#booking form input[type="text"].code {
	padding:     0 17px;
	font-size:   20px;
	color:       #000000;
	height:      40px;
	line-height: 40px;
	border:      0;
}

#booking form section .frame textarea {
	width:       83.8%;
	padding:     8px 20px;
	font-size:   15px;
	color:       #666666;
	height:      120px;
	line-height: 30px;
	border:      0;
	resize:      none;
	float:       left;
	background:  #ffffff;
}

#booking form section .frame .dropdown-toggle {
	margin:        0;
	border-radius: 0;
	border:        0;
	background:    #ffffff;
}

#booking form section .frame .btn-group.open .dropdown-toggle {
	box-shadow: none;
}

#booking form section .frame .dropdown-menu {
	border-radius: 0;
	border:        0;
}

#booking form section .frame .btn {
	font-size:   15px;
	line-height: 40px;
	padding:     0 0 0 17px;
}

#booking form section .frame .icon-calendar {
	background: url(../images/icon-calendar.png) no-repeat top 5px right 16px;
}

#booking form section .frame .icon-time {
	background: url(../images/icon-time2.png) no-repeat top 6px right 10px;
}

#booking form section .same {
	width:      auto;
	margin:     0;
	padding:    5px 0 0 0;
	text-align: right;
	display:    block;
	float:      right;
}

#booking form section .same p {
	width:       auto;
	line-height: 24px;
	margin:      0;
	padding:     0 15px 0 0;
	color:       #ffffff;
	font-size:   20px;
	display:     block;
	text-align:  left;
	float:       left;
}

#booking .dropdown-menu > .active > a,
#booking .dropdown-menu > .active > a:hover,
#booking .dropdown-menu > .active > a:focus {
	background: #834d98;
}

#booking .bootstrap-select > .dropdown-toggle.bs-placeholder,
#booking .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
#booking .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
#booking .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #000000;
}

#booking form input[type="submit"] {
	width:       300px;
	margin:      15px 0;
	text-align:  left;
	line-height: 40px;
	color:       #ffffff;
	font-size:   20px;
	border:      0;
	background:  #000000;
	cursor:      pointer;
}

#booking .btu-more {
	width:       300px;
	margin:      15px 0;
	line-height: 50px;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left;
	display:     inline-block;
	background:  #000000 url(../images/bg-more.png) no-repeat right !important;
}

#booking .btu-next {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       right;
}

#booking .btu-next.yellow {
	color:      #5b2482;
	background: #ffcf00 url(../images/bg-next.png) no-repeat right !important;
}

#booking .btu-prev {
	width:       300px;
	margin:      15px 0;
	line-height: 50px;
	color:       #ffffff;
	font-size:   20px;
	text-align:  right;
	padding:     0 20px;
	background:  #000000 url(../images/bg-prev2.png) no-repeat left !important;
	float:       left;
}

#booking .btu-cancel {
	width:       300px;
	margin:      15px 0;
	line-height: 50px !important;
	margin-left: 30px !important;
	padding:     0 20px;
	color:       #ffffff;
	font-size:   20px;
	background:  #d90000 url(../images/bg-cancel.png) no-repeat right !important;
	float:       left;
}

#booking .btu-detail {
	width:       100%;
	margin:      0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       left;
}

#booking form section .top .btn-primary {
	background-color: #000000;
}

#booking form section .top .btn {
	height:         24px;
	line-height:    24px;
	border-radius:  24px;
	border:         0;
	padding-top:    0;
	padding-bottom: 0;
}

#booking form section .top .toggle-off {
	line-height: 24px;
	color:       #ffffff;
	background:  #000000;
	border:      0;
}

#booking form section .top .toggle-group {
	line-height: 24px;
	background:  #000000;
}

#booking form section .top .toggle-handle:hover {
	background: #ffcf00;
}

ิ#booking .bottom {
	width:   100%;
	display: block;
}

#booking .bottom.border {
	width:       100%;
	padding-top: 15px;
	border-top:  1px solid #cccccc;
	display:     block;
}

#booking .bottom.no-border {
	width:       100%;
	padding-top: 15px;
	display:     block;
}

#booking ul.car {
	width:      100%;
	margin:     0;
	padding:    15px 0;
	text-align: center;
	display:    block;
}

#booking ul.car .row {
	margin: 0 -15px;
}

#booking ul.car li {
	padding:    15px;
	text-align: left;
	display:    block;
}

#booking ul.car li .ff {
	width:   100%;
	padding: 22px 24px;
	border:  1px solid #aaaaaa;
	display: block;
	float:   left;
	cursor:  pointer;
}

#booking ul.car li .ff:hover {
	border:             1px solid #5b2482;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: all 0.1s linear 0s;
	transition:         all 0.1s linear 0s;
}

#booking .title {
	width:    100%;
	padding:  0;
	display:  block;
	position: relative;
	z-index:  10;
}

#booking .title span {
	width:   100%;
	display: block;
	float:   left;
}

/*#booking .title span:before{ content:""; width:15px; height:15px; border-radius:50%; border:2px solid #000; margin-right:12px; padding:0 10px 0 0; display:block; background:#000; top:15px; position:relative; float:left;}
#booking ul.car li .ff:hover .title span:before{ background:#FFCF00;
  -webkit-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}*/
#booking ul.car li .ff label {
	width:       90%;
	height:      81%;
	line-height: 30px;
	font-size:   20px !important;
	display:     block;
	position:    absolute;
	z-index:     99;
}

#booking ul.car li .ff .toggle-handle:hover {
	background: #ffcf00;
}

#booking ul.car li .ff .toggle-off {
	line-height: 24px;
	color:       #ffffff;
	background:  #000000;
	border:      0;
}

#booking ul.car li .ff .toggle-group {
	line-height: 24px;
	background:  #000000;
}

#booking .title h2 {
	line-height:  50px;
	padding-left: 10px;
	margin:       0;
	padding:      0 0 0 28px;
	color:        #59247f;
	font-size:    50px;
	display:      block;
	float:        left;
}

#booking .title h3 {
	line-height:  30px;
	padding-left: 10px;
	margin:       0;
	padding:      0;
	color:        #000000;
	font-size:    25px;
	position:     absolute;
	top:          42px;
	left:         28px;
}

#booking .pic {
	width:    100%;
	padding:  0;
	display:  block;
	position: relative;
	bottom:   -25px;
	z-index:  5;
}

#booking .pic img {
	width:   100%;
	display: block;
}

#booking .detail {
	width:      50%;
	padding:    0;
	display:    block;
	text-align: right;
	float:      right;
}

#booking .detail .top {
	width:      100%;
	padding:    0;
	text-align: right;
	display:    block;
}

#booking .detail .top p {
	padding:     0;
	text-align:  left;
	border-left: 1px solid #ffffff;
	color:       #000000;
	font-size:   13px;
	display:     block;
	float:       right;
}

#booking .detail .price {
	width:      100%;
	padding:    50px 0;
	display:    block;
	text-align: right;
}

#booking .detail .price h4 {
	width:          100%;
	line-height:    50px;
	margin:         0;
	padding:        0;
	color:          #59247f;
	font-size:      70px;
	letter-spacing: -5px;
	display:        block;
}

#booking .detail .price h5 {
	width:       100%;
	line-height: 15px;
	margin:      0;
	padding:     0;
	color:       #59247f;
	font-size:   20px;
	display:     block;
}

#booking .detail .bottom {
	display: block;
}

#booking .detail .bottom p {
	width:       auto;
	line-height: 30px;
	color:       #000000;
	font-size:   25px;
	margin:      0 0 0 23px;
	display:     block;
	float:       right;
}

#booking .detail .bottom p.oil {
	padding:    0 0 0 50px;
	background: url(../images/icon-oil.png) no-repeat left top;
	float:      right;
}

#booking .detail .bottom p.cc {
	padding:    0 0 0 44px;
	background: url(../images/icon-cc.png) no-repeat left top;
	float:      right;
}

#booking .f-border {
	padding:    0;
	margin:     0;
	border:     1px solid #aaaaaa;
	border-top: 0;
	display:    block;
}

#booking .pay-terms {
	width:       auto;
	line-height: 30px;
	margin:      15px 0 30px 0;
	padding:     0 0 0 23px;
	color:       #000000;
	font-size:   20px;
	background:  url(../images/bullet-red.jpg) no-repeat left top 6px;
	display:     inline-block;
}

#booking .pay-terms:hover {
	color: #d90000;
}

#booking figure {
	padding: 22px 24px;
	display: block;
	float:   left;
}

#booking h6 {
	width:       100%;
	margin:      10px 0 0 0;
	line-height: 40px;
	text-align:  center;
	color:       #5a2481;
	font-size:   40px;
	display:     block;
}

#booking figure.margin {
	margin-top: 30px;
}

#booking figure.border {
	border: 1px solid #aaaaaa;
}

#booking figure.border-mar-t {
	border:     1px solid #aaaaaa;
	margin-top: 30px;
}

#booking figure.border-mar-t table {
	margin-bottom: 10px;
}

#booking figure .title span {
	width:   100%;
	padding: 0 0 0 20px;
	display: block;
	float:   left;
}

#booking figure .title span:before {
	width:      auto;
	height:     auto;
	content:    "";
	border:     0;
	background: none;
	padding:    0;
	margin:     0;
}

#booking figure .title h3 {
	line-height:  30px;
	padding-left: 10px;
	margin:       0;
	padding:      0;
	color:        #000000;
	font-size:    25px;
	position:     absolute;
	top:          42px;
	left:         20px;
}

#booking figure:nth-child(2) {
	padding:     22px 24px;
	border-left: 1px solid #aaaaaa;
	display:     block;
	float:       left;
}

#booking figure .p-detail {
	display: block;
}

#booking figure .other-detail {
	width:       100%;
	line-height: 36px;
	padding:     0 0 0 20px;
	color:       #592480;
	font-size:   30px;
	display:     block;
}

#booking figure .ps {
	width:   100%;
	padding: 30px 0 0 20px;
	display: block;
}

#booking figure .ps p {
	line-height:   22px;
	color:         #592480;
	font-size:     20px;
	padding-right: 20px;
	display:       block;
	float:         left;
}

#booking figure .ps p:nth-child(2) {
	color:   #d90000;
	display: block;
	float:   left;
}

#booking figure .remark {
	line-height: 22px;
	padding:     35px 0 0 0;
	color:       #000000;
	font-size:   20px;
	display:     block;
	float:       right;
}

#booking figure .additional {
	width:         100%;
	margin-bottom: 20px;
}

#booking figure .additional .magic-radio + label::before, #booking figure .additional .magic-checkbox + label::before {
	top: 8px;
}

#booking figure .additional fieldset {
	width:         100%;
	padding:       25px 0 5px 0;
	border-bottom: 1px solid #5b2482;
	display:       block;
}

#booking figure .additional fieldset p {
	line-height:  30px;
	font-size:    20px;
	padding-left: 13px;
	display:      inline-block;
}

#booking figure .additional .chauffeur {
	width:   25%;
	display: block;
	float:   left;
}

#booking figure .additional .f_ge-sp {
	width:   50%;
	display: block;
	float:   left;
}

#booking figure .additional .ge-sp {
	width:   33.33333333%;
	display: block;
	float:   left;
}

#booking figure .additional .f_ge-sp {
	width:   50%;
	display: block;
	float:   left;
}

#booking figure .additional dl {
	line-height: 30px;
	margin:      0;
	padding:     0;
	color:       #000000;
	float:       left;
}

#booking figure .additional dl.no-border-b {
	padding: 24px 0 0 0;
}

#booking figure .additional dl.no-pad {
	padding: 0;
}

#booking figure .additional dl.samll-pad {
	padding-bottom: 10px;
}

#booking figure .additional td {
	line-height:   30px;
	padding:       24px 0 10px 0;
	color:         #000000;
	border-bottom: 1px solid #5b2482;
}

#booking figure .additional td.no-border-b {
	padding: 24px 0 0 0;
}

#booking figure .additional td.samll-pad {
	padding-top: 10px;
}

#booking figure .additional tr td:nth-child(1) {
	width:        25%;
	padding-left: 15px;
}

#booking figure .additional tr td:nth-child(2) {
	width: 12%;
}

#booking figure .additional tr td:nth-child(3) {
	width: 14%;
}

#booking figure .additional tr td:nth-child(4) {
	width: 49%;
}

#booking figure .additional p {
	font-size:     20px;
	padding-right: 20px;
	display:       inline-block;
}

#booking figure .additional p:nth-child(2) {
	padding-left: 20px;
}

#booking figure .additional .btn-primary {
	background-color: #000000;
}

#booking figure .additional .btn {
	height:         24px;
	line-height:    24px;
	border-radius:  24px;
	border:         0;
	padding-top:    0;
	padding-bottom: 0;
}

#booking figure .additional .toggle-handle:hover {
	background: #ffcf00;
}

#booking figure .additional .toggle-off {
	line-height: 24px;
	color:       #ffffff;
	background:  #000000;
	border:      0;
}

#booking figure .additional .toggle-group {
	line-height: 24px;
	background:  #000000;
}

#booking figure .additional .input-group {
	width:         123px;
	background:    #000000;
	border-radius: 30px;
}

#booking figure .additional .input-group input[type="text"] {
	line-height: 30px;
	text-align:  center;
	color:       #ffcd00;
	font-size:   20px;
	background:  #000000;
	border:      0;
}

#booking figure .additional .input-group .input-group-btn {
	width:  29px;
	height: 22px;
}

#booking figure .additional .input-group .input-group-btn span {
	width:       24px;
	line-height: 24px;
	text-align:  center;
}

#booking figure .additional .input-group .input-group-btn span::before {
	width:       24px;
	line-height: 24px;
	text-align:  center;
}

#booking figure .additional .input-group .btn-danger,
#booking figure .additional .input-group .btn-success {
	width:         24px;
	height:        24px;
	line-height:   22px;
	padding:       0;
	border-radius: 24px;
	color:         #000000;
	background:    #ffffff;
}

#booking figure .additional .input-group .btn-danger {
	left: 5px;
}

#booking figure .additional .input-group .btn-success {
	right: 0px;
}

#booking figure .additional2 {
	width:   100%;
	padding: 0;
	display: block;
}

#booking figure .additional2 fieldset {
	width:         100%;
	padding:       15px 13px 0 13px;
	border-bottom: 1px solid #5b2482;
	display:       block;
}

#booking figure .additional2 fieldset dl {
	width:   25%;
	padding: 0;
	display: block;
	float:   left;
}

#booking figure .additional2 fieldset dl p {
	width:     100%;
	padding:   0;
	color:     #000000;
	font-size: 15px;
	display:   block;
	float:     left;
}

#booking figure .additional2 fieldset dl h5 {
	width:     100%;
	margin:    0;
	padding:   0 0 15px 0;
	color:     #000000;
	font-size: 20px;
	display:   block;
	float:     left;
}

#booking figure .additional2 .chauffeur {
	width:   25%;
	margin:  0;
	padding: 0;
	display: block;
	float:   left;
}

#booking figure .additional2 fieldset span {
	width:   auto;
	display: block;
	float:   left;
}

#booking figure .additional2 fieldset span p {
	width:     auto;
	padding:   0 20px 0 0;
	color:     #000000;
	font-size: 15px;
	display:   block;
	float:     left;
}

#booking figure .additional2 fieldset span h5 {
	width:     auto;
	margin:    0;
	padding:   0 20px 0 0;
	color:     #000000;
	font-size: 20px;
	display:   block;
	float:     left;
}

#booking figure .summary {
	width:   100%;
	display: block;
}

#booking figure .summary fieldset {
	width:         100%;
	padding:       25px 0 5px 13px;
	border-bottom: 1px solid #5b2482;
	display:       block;
}

#booking figure .summary dl {
	line-height: 30px;
	margin:      0;
	padding:     0;
	font-size:   20px;
	color:       #000000;
	float:       left;
}

#booking figure .summary dl:first-child {
	width: 85%;
	float: left;
}

#booking figure .summary dl:last-child {
	width: 15%;
	float: left;
}

#booking .code {
	width:      70%;
	text-align: left;
	float:      right;
}

#booking .code input[type="text"] {
	width: 70%;
	float: left;
}

#booking .alert-ex {
	width:       auto;
	height:      40px;
	line-height: 40px;
	margin-left: 20px;
	padding:     0 20px;
	color:       #d80000;
	font-size:   20px;
	display:     inline-block;
	background:  #000000;
	position:    relative;
}

#booking .alert-ex:before {
	content:      "";
	width:        0;
	height:       0;
	border-style: solid;
	border-width: 10px 9px 10px 0;
	border-color: transparent #000000 transparent;
	position:     absolute;
	top:          10px;
	left:         -9px;
}

#booking form .car {
	width: 100%;
}

#booking .payment {
	width:   100%;
	margin:  30px 0 0 0;
	padding: 37px 35px;
	border:  1px solid #aaaaaa;
}

#booking .payment li {
	width:     33.33333333%;
	padding:   0;
	font-size: 20px;
	float:     left;
}

#booking .payment li label {
	line-height: 30px;
	font-size:   20px !important;
}

#booking .payment li .magic-radio + label::before, #booking .payment li .magic-checkbox + label::before {
	top: 7px;
}

#booking .payment li span {
	width:   100%;
	margin:  0 0 17px 0;
	display: block;
}

#booking .payment li p {
	width:       100%;
	line-height: 25px;
	padding:     0 0 15px 30px;
	display:     block;
}

#booking .payment li p img {
	margin-right: 15px;
	float:        left;
}

#booking .payment2 {
	width:   100%;
	margin:  30px 0 0 0;
	padding: 12px 30px;
	border:  1px solid #aaaaaa;
}

#booking .payment2 p {
	line-height: 34px;
	padding:     0;
	color:       #59247f;
	font-size:   25px;
	display:     block;
}

#booking .payment2 label {
	line-height: 34px;
	color:       #59247f;
	font-size:   20px !important;
	display:     inline-block;
}

#booking .payment2 .type {
	display: block;
}

#booking .payment2 label::before {
	top: 9px;
}

#booking .payment2 .magic-radio + label:after {
	top: 11px;
}

#booking .terms {
	width:   100%;
	margin:  30px 0 0 0;
	padding: 30px;
	border:  1px solid #aaaaaa;
}

#booking .terms p {
	width:     100%;
	margin:    0 0 30px 0;
	font-size: 20px;
	display:   block;
}

#booking .terms span {
	width:       100%;
	height:      120px;
	line-height: 20px;
	padding:     15px 25px;
	margin:      15px 0 30px 0;
	font-size:   13px;
	border:      1px solid #aaaaaa;
	overflow-x:  hidden;
	overflow-y:  scroll;
	display:     block;
}

#booking .checkbox {
	padding-left: 25px;
}

#booking .checkbox label {
	display:      inline-block;
	position:     relative;
	padding-left: 5px;
}

#booking .checkbox label::before {
	width:              17px;
	height:             17px;
	content:            "";
	display:            inline-block;
	position:           absolute;
	margin-left:        -20px;
	border:             1px solid #cccccc;
	border-radius:      3px;
	background-color:   #ffffff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition:      border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition:         border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#booking .checkbox label::after {
	width:        16px;
	height:       16px;
	display:      inline-block;
	position:     absolute;
	left:         0;
	top:          0;
	margin-left:  -25px;
	padding-left: 3px;
	padding-top:  1px;
	font-size:    11px;
	color:        #555555;
}

#booking .checkbox input[type="checkbox"] {
	opacity: 0;
}

#booking .checkbox input[type="checkbox"]:focus + label::before {
	outline:        thin dotted;
	outline:        5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

#booking .checkbox input[type="checkbox"]:checked + label::after {
	font-family: 'Glyphicons Halflings';
	content:     "\e013";
	color:       #ffcf00;
	font-size:   18px;
	top:         -9px;
	left:        2px;
}

#booking .checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.65;
}

#booking .checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #000000;
	cursor:           not-allowed;
}

#booking .checkbox.checkbox-circle label::before {
	border-radius: 50%;
	background:    #000000;
	border:        0;
	left:          -3px;
}

#booking .checkbox.checkbox-inline {
	margin-top: 0;
}

#booking .checkbox label {
	font-size: 13px;
}

#member {
	width:   100%;
	display: block;
}

#member ul {
	width:         100%;
	margin-bottom: 15px;
	display:       block;
}

#member ul li {
	width:         100%;
	padding:       30px 16px 0 16px;
	border-bottom: 1px solid #5b2482;
	display:       block;
}

#member ul li label {
	line-height: 38px;
	color:       #5a2481;
	font-size:   25px;
	padding:     0;
	font-weight: normal;
	display:     block;
}

#member ul li input[type="text"] {
	line-height: 18px;
	padding:     10px 0;
	color:       #000000;
	font-size:   15px;
	border:      0;
	display:     block;
}

#member ul li textarea {
}

#member ul li p {
	line-height: 18px;
	padding:     10px 0;
	color:       #000000;
	font-size:   15px;
	display:     block;
}

#member ul li .address {
	height:      54px;
	line-height: 18px;
	margin:      10px 0;
	padding:     0;
	color:       #000000;
	font-size:   15px;
	border:      0;
	resize:      none;
	display:     block;
}

#history {
	width:   100%;
	display: block;
}

#history ul {
	width:      100%;
	padding:    30px 0 0 0;
	margin:     0;
	text-align: center;
	display:    block;
}

#history ul .row {
	margin: -15px 0;
}

#history ul li {
	width:      100%;
	margin:     15px 0;
	padding:    0 22px;
	border:     1px solid #aaaaaa;
	text-align: left;
	display:    block;
}

#history ul li:last-child {
	margin-bottom: 30px;
}

#history ul li .bg {
	display: block;
	float:   left;
}

#history ul li:hover {
	border: 1px solid #5b2482;
}

#history ul li .info {
	width:      33%;
	margin:     20px 0;
	background: #ffffff;
}

#history ul li .info table {
	width: 100%;
}

#history ul li .detail {
	width:        50%;
	margin:       0;
	border-right: 1px solid #aaaaaa;
	display:      block;
	float:        left;
}

#history ul li .detail:first-child {
	border-right: 0;
}

#history ul li .detail span {
	padding:    0;
	display:    block;
	text-align: left;
	float:      left;
}

#history ul li .detail h5 {
	line-height: 20px;
	margin:      0;
	color:       #999999;
	font-size:   20px;
	display:     block;
}

#history ul li .detail p {
	line-height: 25px;
	margin:      0;
	color:       #59247f;
	font-size:   25px;
	display:     block;
}

#history ul li .bp {
	width:   41%;
	padding: 0;
}

#history ul li .brand {
	width:   100%;
	padding: 0;
	display: block;
	float:   left;
}

#history ul li .brand .pic {
	width:   58%;
	padding: 7px 25px 0 10px;
	float:   left;
}

#history ul li .brand .pic img {
	width: 100%;
}

#history ul li .brand span {
	width:   42%;
	padding: 20px 0 0 0;
	display: block;
	float:   left;
}

#history ul li .brand span h3 {
	margin:    0;
	padding:   0;
	color:     #59247f;
	font-size: 30px;
	display:   block;
}

#history ul li .brand span p {
	padding:   0;
	color:     #000000;
	font-size: 20px;
	display:   block;
}

#history ul li .price {
	width:      40%;
	padding:    20px;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

#history ul li .price h4 {
	line-height: 60px;
	margin:      0;
	color:       #ffce00;
	font-size:   60px;
}

#history ul li .price p {
	line-height: 20px;
	color:       #ffce00;
	font-size:   20px;
}

#history ul li .btu {
	width:   26%;
	height:  100%;
	padding: 0 10px 0 30px;
}

#regis, #login, #forgot {
	width:      500px;
	padding:    0;
	background: #ffffff;
	position:   relative;
	display:    none;
}

.popup form input::-moz-placeholder {
	color:   #592480;
	opacity: 1
}

.popup form input:-ms-input-placeholder {
	color: #592480;
}

.popup form input::-webkit-input-placeholder {
	color: #592480;
}

.popup .topic {
	width:      100%;
	height:     60px;
	padding:    15px 30px;
	display:    block;
	background: rgba(131, 77, 152, 1);
	background: -moz-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(131, 77, 152, 1)), color-stop(100%, rgba(91, 36, 130, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	background: linear-gradient(135deg, rgba(131, 77, 152, 1) 0%, rgba(91, 36, 130, 1) 100%);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#834d98', endColorstr='#5b2482', GradientType=1);
}

.popup .topic p {
	line-height:   30px;
	padding-right: 12px;
	color:         #ffffff;
	font-size:     23px;
	background:    url(../images/icon-regis.png) no-repeat left top 7px;
	float:         left;
}

#regis .popup .topic p {
	line-height:  30px;
	padding-left: 34px;
	color:        #ffffff;
	font-size:    23px;
	background:   url(../images/icon-regis.png) no-repeat left top 3px;
	float:        left;
}

#login .popup .topic p {
	line-height:  30px;
	padding-left: 34px;
	color:        #ffffff;
	font-size:    23px;
	background:   url(../images/icon-profile.png) no-repeat left top 3px;
	float:        left;
}

#forgot .popup .topic p {
	line-height:  30px;
	padding-left: 0;
	color:        #ffffff;
	font-size:    23px;
	background:   none;
	float:        left;
}

.popup form {
	width:   100%;
	display: block;
}

.popup form .or {
	width:         100%;
	height:        1px;
	border-bottom: 1px solid #cccccc;
	position:      relative;
}

.popup form .or p {
	width:       50px;
	line-height: 36px;
	padding:     0 16px;
	margin-left: -25px;
	text-align:  center;
	color:       #cccccc;
	font-size:   25px;
	position:    absolute;
	left:        50%;
	top:         -17px;
	background:  #ffffff;
}

.popup form section {
	width:   100%;
	padding: 30px;
	display: block;
}

.popup form section .btu {
	width:   100%;
	padding: 0;
	display: block;
}

.popup form section .btu:last-child {
	padding: 30px 0 0 0;
}

.popup form section li {
	width:         100%;
	padding:       0;
	margin:        0 0 22px 0;
	border:        0;
	border-bottom: 1px solid #592480;
	display:       block;
}

.popup form section li input[type="text"] {
	width:       100%;
	line-height: 40px;
	padding:     0 18px;
	color:       #592480;
	font-size:   25px;
	border:      0;
	display:     block;
}

.popup form section li input[type="password"] {
	width:       100%;
	line-height: 40px;
	padding:     0 18px;
	color:       #592480;
	font-size:   25px;
	border:      0;
	display:     block;
}

.popup form section li textarea {
	height:      90px;
	line-height: 30px;
	padding:     0 18px;
	color:       #592480;
	font-size:   25px;
	border:      0;
	resize:      none;
	display:     block;
}

.popup form section li.no-border {
	border: 0;
}

.popup form section li.no-border a {
	color:           #666666;
	font-size:       13px;
	font-weight:     bold;
	text-decoration: underline !important;
	display:         inline-block;
}

.popup form section li.no-border a.forgot {
	color:           #666666;
	text-align:      right;
	font-size:       20px;
	margin:          -10px 0 10px 0;
	padding:         0 0 0 24px;
	font-weight:     normal;
	text-decoration: none !important;
	background:      url(../images/icon-forgot.jpg) no-repeat left;
}

.popup .checkbox {
	width:        auto;
	padding-left: 25px;
	margin:       10px 0 0 0;
	text-align:   left;
}

#login .popup .checkbox {
	width:        auto;
	padding-left: 25px;
	margin:       -3px 0 10px 0;
	text-align:   left;
}

.popup .checkbox label {
	line-height:  17px;
	display:      inline-block;
	position:     relative;
	padding-left: 5px;
}

.popup .checkbox label.forgot {
	color:     #666666;
	font-size: 20px;
}

.popup .checkbox label::before {
	width:              17px;
	height:             17px;
	content:            "";
	display:            inline-block;
	position:           absolute;
	margin-left:        -30px;
	border:             1px solid #cccccc;
	border-radius:      3px;
	background-color:   #ffffff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition:      border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition:         border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.popup .checkbox label::after {
	width:        16px;
	height:       16px;
	display:      inline-block;
	position:     absolute;
	left:         0;
	top:          0;
	margin-left:  -20px;
	padding-left: 3px;
	padding-top:  1px;
	font-size:    11px;
	color:        #555555;
}

.popup .checkbox input[type="checkbox"] {
	opacity: 0;
}

.popup .checkbox input[type="checkbox"]:focus + label::before {
	outline:        thin dotted;
	outline:        5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.popup .checkbox input[type="checkbox"]:checked + label::after {
	font-family: 'Glyphicons Halflings';
	content:     "\e013";
	color:       #ffcf00;
	font-size:   14px;
	top:         -4px;
	left:        -5px;
}

.popup .checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.65;
}

.popup .checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #000000;
	cursor:           not-allowed;
}

.popup .checkbox.checkbox-circle label::before {
	border-radius: 50%;
	background:    #000000;
	border:        0;
}

.popup .checkbox.checkbox-inline {
	margin-top: 0;
}

.popup .checkbox label {
	font-size: 13px;
}

.popup .btu-detail {
	width:       100%;
	margin:      0;
	line-height: 50px !important;
	color:       #ffffff;
	font-size:   20px;
	padding:     0 20px;
	text-align:  left;
	border:      0;
	background:  #000000 url(../images/bg-next.png) no-repeat right !important;
	float:       left;
}

.popup .bottom {
	width:       100%;
	line-height: 26px;
	padding:     17px 0;
	text-align:  center;
	display:     block;
	background:  #27084c;
}

.popup .bottom p {
	width:       auto;
	line-height: 26px;
	padding:     0 16px;
	text-align:  center;
	color:       #ffffff;
	font-size:   20px;
	display:     inline-block;
}

.popup .bottom a {
	width:           auto;
	line-height:     26px;
	padding:         0 0 0 32px;
	text-align:      center;
	color:           #ffffff;
	font-size:       23px;
	text-decoration: none !important;
	display:         inline-block;
	background:      url(../images/icon-regis.png) no-repeat;
}

/* .contact{ width:100%; display:block;}
.contact .address{ width:100%; display:block; background:url(../images/bg-contact.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.contact .address .content{ width:100%; padding:60px 0 100px 0; display:block;}
.contact .address .content section{ width:33.33333333%; height:90px; padding-left:26px; border-right:1px solid #B0977B; display:block; float:left;}
.contact .address .content section h5 { margin:0; line-height:30px; color:#77170E; font-size:18px; display:block; float:left;}
.contact .address .content section .w100{ width:100%; }
.contact .address .content section p{ line-height:24px; color:#523D1E; font-size:18px; display:block; float:left;}
.contact .address .content section a{ line-height:24px; color:#523D1E; font-size:18px; display:block; float:left;}
.contact .address .content section a.fb{ line-height:47px; color:#523D1E; font-size:18px; display:block; float:left;}
.contact .address .content section a.fb img{ margin-right:19px; }
.contact .address .content section:nth-child(1){ width:100%; height:auto; padding:0 0 80px 0; border-right:0; display:block; text-align:center; float:left;}
.contact .address .content section:nth-child(1) h5{ width:100%; padding:0 0 15px 0; text-align:center; line-height:50px; font-size:38px; }
.contact .address .content section:nth-child(1) p{ width:70%; padding:0; margin:auto 15%; text-align:center; line-height:35px; font-size:22px;}
.contact .address .content section:nth-child(2){ padding-left:50px;}
.contact .address .content section:nth-child(4){ border-right:0;} */

footer {
	width:      100%;
	display:    block;
	margin-top: 60px;
	text-align: center;
	border-top: 1px solid #cccccc;
}

footer .banner {
	display:    inline-block;
	padding:    37px 0;
	text-align: center;
}

footer .banner p {
	width:   auto;
	display: block;
	padding: 0 37px;
	display: inline-block;
}

footer .banner #Certificate-banners {
	width:   auto;
	display: block;
	padding: 0 37px;
	display: inline-block;
}

/*footer .mf-main{ width:1700px; top:40px; left:50%; margin:0 0 0 -850px; position:absolute; text-align:right !important; float:right; white-space:nowrap;}*/
.footer {
	width:              auto;
	padding:            0;
	margin:             67px 0 20px 0;
	height:             50px;
	text-align:         right;
	display:            inline-block;
	transition:         all 0.3s ease 0s;
	float:              right;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.footer a {
	width:      auto;
	padding:    0;
	text-align: center;
	color:      #ffffff;
	display:    inline-block;
}

.footer .image-cropper {
	width:         50px;
	height:        50px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

.footer .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

/*.footer a:hover{ color:#FFF;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}*/
.footer.scroll-to-fixed-fixed a {
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	transition:         all 0.3s ease 0s;
	transition:         all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.to-top {
	width:      100%;
	padding:    18px 0;
	text-align: center;
	display:    block;
	background: #000000;
}

.to-top a {
	width:       auto;
	line-height: 34px;
	padding:     0 0 0 33px;
	text-align:  center;
	color:       #ffffff;
	font-size:   30px;
	display:     inline-block;
	background:  url(../images/arrow-top.png) no-repeat left top 12px;
}

.to-top a:hover {
	color: #ffcf00;
}

.to-top a:focus {
	color:   #ffffff;
	border:  0;
	outline: none;
}

/* footer .bottom{ width:100%; display:block; padding:64px 0 46px 0; text-align:center; background:#27084C; } */
footer .bottom {
	width:                   100%;
	display:                 block;
	padding:                 64px 0 46px 0;
	text-align:              center;
	background:              url(../images/bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
}

footer .bottom a.logo {
	padding:    0;
	text-align: left;
	display:    block;
	float:      left;
}

footer .menu {
	width:      55%;
	padding:    0;
	text-align: left;
	display:    inline-block;
}

footer .menu ul {
	display: block;
}

footer .menu ul li {
	padding: 0;
	display: block;
}

footer .menu ul li a {
	width:       auto;
	line-height: 30px;
	margin:      4px 0;
	color:       #ffffff;
	font-size:   20px;
	display:     inline-block;
}

footer .menu ul li a.sub {
	width:       auto;
	line-height: 20px;
	margin:      0;
	padding:     0 0 0 20px;
	color:       #ffffff;
	font-size:   14px;
	display:     inline-block;
	background:  url(../images/icon-bullet.png) no-repeat left top 8px;
}

footer .menu ul li a:hover {
	color: #ffce00;
}

footer .menu .copyright {
	width:       100%;
	padding-top: 30px;
	display:     block;
}

footer .menu .copyright p {
	line-height: 20px;
	color:       #ffffff;
	padding:     0 22px 0 0;
	font-size:   14px;
	display:     inline-block;
}

footer .menu .copyright a {
	line-height: 20px;
	color:       #ffffff;
	font-size:   14px;
	display:     inline-block;
}

footer .menu .copyright a:hover {
	color: #ffce00;
}

footer .right {
	display:    block;
	text-align: right;
	float:      right;
}

footer .right .tel {
	width:   auto;
	display: inline-block;
}

footer .right .tel p {
	line-height: 34px;
	padding:     0 20px 0 30px;
	color:       #ffffff;
	font-size:   30px;
	display:     block;
	background:  url(../images/icon-tel.png) no-repeat left top 5px;
	float:       left;
}

footer .right .tel a {
	line-height: 34px;
	color:       #ffce00;
	font-size:   35px;
	display:     block;
	float:       left;
}

footer .right .social {
	padding:    30px 0 0 0;
	display:    block;
	text-align: right;
}

footer .right .social a {
	padding: 0;
	margin:  0 4px;
	border:  1px solid rgba(255, 255, 255, 1);
	display: inline-block;
}

footer .right .social a:hover {
	border: 1px solid rgba(225, 207, 0, 1);
}

footer .right .social .image-cropper {
	width:         32px;
	height:        32px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

footer .right .social .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

footer .right .card {
	padding:    40px 0 0 0;
	display:    block;
	text-align: right;
}

footer .right .card p {
	padding: 0 9px;
	display: inline-block;
}

/************************ MENU MOBILE ****************************/

#hamburger {
	box-sizing:         border-box;
	display:            none;
	right:              13px;
	position:           fixed;
	height:             50px;
	top:                25px;
	width:              50px;
	z-index:            9000;
	/* background-color: rgba(255, 204, 0, 0.8); */
	background-color:   none;
	font-family:        'BOD_bold';
	color:              #ffffff;
	text-align:         center;
	text-transform:     uppercase;
	transition:         all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	outline:            none;
}

.textmenu {
	position:    relative;
	padding-top: 31px;
	font-size:   10px;
	font-family: 'Tahoma'
}

#hamburger::before, #hamburger::after, #hamburger span {
	background:    #ffcf00 none repeat scroll 0 0;
	content:       "";
	display:       block;
	height:        4px;
	left:          7px;
	position:      absolute;
	width:         35px;
	border-radius: 3px;
}

#hamburger::before {
	top: 14px;
}

#hamburger span {
	top: 24px;
}

#hamburger::after {
	top: 34px;
}

#hamburger::before, #hamburger::after, #hamburger span {
	transition-delay:           0.5s;
	transition-duration:        0.5s;
	transition-property:        transform, top, bottom, left, opacity;
	transition-timing-function: ease;
	border-radius:              3px;
}

html.mm-opening #hamburger {
	right: 82.5%;
}

html.mm-opening #hamburger::before, html.mm-opening #hamburger::after {
	top: 23px;
}

html.mm-opening #hamburger span {
	left:    -50px;
	opacity: 0;
}

html.mm-opening #hamburger::before {
	transform: rotate(45deg);
}

html.mm-opening #hamburger::after {
	transform: rotate(-45deg);
}

.mm-menu {
	background: #834d98 !important;
	color:      #ffffff;
}

.mm-menu a {
	font-size: 20px;
}

.m-sub {
}

#mm-1 .mm-navbar {
	display: none !important;
}

#mm-2 a {
	font-size: 0.9em !important;
}

.mm-listview li a, .mm-listview li span {
	font-family:    'BOD_bold';
	text-transform: uppercase;
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li {
	transition-duration: 1s;
}

.mm-listview > li > a, .mm-listview > li > span {
	padding: 15px 10px 15px 20px;
}

.mm-listview > li:not(.mm-divider):after {
	border-bottom-color: rgba(255, 255, 255, 0.6);
}

.mm-listview > li#m-lang:not(.mm-divider)::after {
	border: 0;
}

nav#menu ul li a.tel img {
	margin: -6px 10px 0 0;
}

nav#menu ul li a.fb img {
	margin: -6px 10px 0 0;
}

#m-lang {
	width:      100%;
	padding:    20px 20px 0 20px;
	margin:     0;
	text-align: center;
	display:    inline-block;
}

#m-lang .m-lang {
	width:      45%;
	padding:    0;
	text-align: center;
	display:    inline-block;
}

#m-lang .m-lang a {
	padding:    0;
	margin:     0 4px;
	border:     2px solid rgba(225, 207, 0, 0);
	display:    inline-block;
	text-align: center;
}

#m-lang .m-lang a img {
	opacity: 0.5;
}

#m-lang .m-lang a.active, #m-lang .m-lang a:hover {
	border: 2px solid rgba(225, 207, 0, 1);
}

#m-lang .m-lang a.active img, #m-lang .m-lang a:hover img {
	opacity: 1;
}

#m-lang .m-lang .image-cropper {
	width:         30px;
	height:        30px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

#m-lang .m-lang .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

#m-social {
	width:      100%;
	padding:    20px 20px 0 20px;
	margin:     0;
	text-align: center;
	display:    inline-block;
}

#m-social::after {
	border: 0;
}

#m-social .social {
	width:      30%;
	padding:    0;
	text-align: center;
	display:    inline-block;
}

#m-social .social a {
	padding: 0;
	margin:  0 4px;
	border:  1px solid rgba(255, 255, 255, 1);
	display: inline-block;
}

#m-social .social a:hover {
	border: 1px solid rgba(225, 207, 0, 1);
}

#m-social .social .image-cropper {
	width:         35px;
	height:        35px;
	position:      relative;
	text-align:    center;
	overflow:      hidden;
	border-radius: 50%;
}

#m-social .social .image-cropper img {
	width:   auto;
	height:  100%;
	display: inline;
	margin:  0 auto;
}

#m-member {
	width:      100%;
	padding:    17px 0 8px 0;
	margin:     0;
	text-align: center;
	display:    inline-block;
}

#m-member .member {
	width:      40%;
	padding:    0;
	margin:     0;
	text-align: center;
	display:    inline-block;
}

#m-member .member a {
	width:          auto;
	line-height:    24px;
	color:          #ffffff;
	text-transform: none;
	display:        inline-block;
}

#m-member .member a img {
	margin:  -6px 8px 0 0;
	display: inline-block;
}

.mm-listview .n-padding {
	padding: 10px 10px 10px 20px;
}

.mm-vertical.mm-opened a {
	padding-bottom: 10px;
}

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {
	height:  49px !important;
	padding: 0 !important;
}

/*************************************PRELOAD**************************************/

#preloader {
	position:         fixed;
	top:              0;
	left:             0;
	right:            0;
	bottom:           0;
	background-color: #ffffff;
	/* change if the mask should have another color then white */
	z-index:          999999;
	/* makes sure it stays on top */
}

#status {
	width:               172px;
	height:              70px;
	position:            absolute;
	left:                50%;
	/* centers the loading animation horizontally one the screen */
	top:                 50%;
	/* centers the loading animation vertically one the screen */
	/*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
	/* path to your loading animation */
	background:          url(../images/logo.png) no-repeat;
	background-repeat:   no-repeat;
	background-position: center;
	margin:              -35px 0 0 -86px;
	/* is width and height divided by two */
}

.ball {
	background-color:  rgba(0, 0, 0, 0);

	opacity:           .9;
	border-top:        5px solid rgba(0, 0, 0, 0);
	border-left:       5px solid rgba(0, 0, 0, 0);
	border-radius:     206px;
	/*box-shadow: 0 0 35px #2187e7;*/
	width:             171px;
	height:            70px;
	margin:            0 auto;
	-moz-animation:    spin 3s infinite linear;
	-webkit-animation: spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

#rc-imageselect {
	transform:                scale(0.77);
	-webkit-transform:        scale(0.77);
	transform-origin:         0 0;
	-webkit-transform-origin: 0 0;
}

.news-detail .container .content P img {
	width: 95%;
}

.main h1 {
	font-size: 60px;
}

.mb-5 {
	margin-bottom:50px;
}
.mb-4 {
	margin-bottom:40px;
}
.mb-3 {
	margin-bottom:30px;
}
.mb-2 {
	margin-bottom:20px;
}
.mb-1 {
	margin-bottom:10px;
}

.prim_con p {
	margin-bottom:5px;
}
.prim_con ul {
	padding:10px;
}
.prim_con ul li {
	list-style:disc;
	padding:2px;
	
}


.quick form h3.num3 {
	background: url(../images/num3.png) no-repeat top left;
}

.margin-10 {
	margin-bottom: 10px !important;
}

.padding-top {
	padding-top: 10px !important;
}

.padding-bottom {
	padding-bottom: 10px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mt-9 {
	margin-top: 9px !important;
}