@charset "utf-8";


/* CSS Document */
html, body {
	height: 100%;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff
}
strong, b {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: 700
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
img {
	border: none;
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix {
 *zoom: 1;
}
.form-group:before, .form-group:after, .clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.form-group:after, .clearfix:after {
	clear: both;
}
#wrapper {
	background: #fff;
}
.border-box {
	border: 1px solid #ddd !important;
	border-top: none !important
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both
}
.header {
	background: #f2f2f2;
	padding: 0;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.header .grid-980 {
	padding: 10px 0
}
.input_login {
	width: 220px;
	float: left
}
.txt-search {
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 200px;
	color: #aaa;
	margin-bottom: 5px
}
.box_btn_search {
	position: relative;
	z-index: 9
}
.box_btn_search:hover .list_acc {
	display: block
}
.btn-search:hover {
	background: #3BBAB5;
	color: #fff;
	border: 1px solid #3BBAB5;
}
.box_btn_search:hover .btn_login {
	background: #3BBAB5;
	color: #fff;
	border: 1px solid #3BBAB5
}
.btn_login {
	position: relative;
	right: 0;
	min-width: 140px
}
.list_acc {
	background: #fff;
	position: relative;
	box-sizing: border-box;
	margin-top: 8px;
	display: none;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 5px
}
.list_acc .fa {
	margin-right: 5px;
	width: 14px
}
.list_acc:before {
	top: -14px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(156, 207, 112, 0);
	border-bottom-color: #ddd;
	border-width: 7px;
	margin-left: -11px;
}
.list_acc:after {
	top: -12px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(156, 207, 112, 0);
	border-bottom-color: #FFFFFF;
	border-width: 6px;
	margin-left: -10px;
}
.list_acc li {
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #eee;
	min-width: 97px
}
.list_acc li:last-child {
	border-bottom: none
}
.list_acc li a {
	font-size: 13px;
	color: #888;
	white-space: nowrap
}
.list_acc li a:hover {
	color: #3BBAB5
}
.login {
	position: absolute;
	right: 0;
	top: 20px
}
.repass {
	color: #2da4ff;
	text-decoration: underline;
	margin-top: 12px;
	display: inline-block
}
.btn-search {
	margin-left: 5px;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	color: #555;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 10px;
	border: 1px solid #ddd
}
.btn-resgister {
	color: #fff;
	display: inline-block;
	background: #e9292a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-top: 7px;
	width: 69px;
	text-align: center
}
.btn-resgister:hover {
	background: #aaa;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-search:hover {
	background: #3BBAB5;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #3BBAB5
}
.grid-980 {
	width: 1010px;
	margin: 0 auto;
	position: relative;
}
.content_left {
	width: 260px;
	background: #e6e6e6;
	border: 1px solid #ddd;
	border-width: 0 1px;
	height: 100%;
	position: relative
}
.menu_main {
	position: absolute;
	top: 23px;
	left: 0
}
.menu_main ul li {
	float: left;
	padding: 0 10px 23px;
	margin-right: 10px
}
.menu_main ul li.active, .menu_main ul li:hover {
	border-bottom: 1px solid #3BBAB5
}
.menu_main ul li a {
	font-size: 13px;
	text-transform: uppercase;
	color: #444
}
.menu_main ul li:hover a, .menu_main ul li.active a {
	color: #3BBAB5
}
.line_hor {
	border-right: 1px solid #2DA4FF;
	height: 15px;
	width: 1px;
	display: inline-block;
	margin: 0 10px;
	margin-bottom: -3px
}
.slide_main {
	margin: 0;
	width: 100%;
	position: relative
}
.content_slide_main{background: url(../images/home-hero-2x.jpg) center center;min-height: 490px;background-size: cover;}
.center_content_slide{transform: translate(-20%, -50%);top: 50%;left: 30%;position: absolute;color: #fff;}
.content_slide_main .caption1{
	text-shadow: none;
    font-family: roboto;
	font-weight: 100;
    font-size: 70px;
    width: 100% !important;
    text-align: center;
	margin-bottom: 20px;
}
.content_slide_main .caption2{
	font-family: roboto;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #fff;
	text-shadow: none;
	width: 100% !important;
	text-align: center;
}
.content_mac {
	position: absolute;
	width: 345px;
	height: 205px;
	display: block;
	right: 95px;
	top: 20px;
	padding: 15px;
	font-family: "UTMSwissCondensed";
	font-size: 21px;
	line-height: 26px;
	overflow-y: auto
}
.content_mac * {
	font-family: "UTMSwissCondensed";
	font-size: 20px;
	line-height: 15px
}
.content_center {
	background: #fff;
	padding: 0 0;
	border-bottom: 1px solid #ddd
}
.help {
	width: 300px;
	padding: 35px 0;
	margin-right: 35px;
	border-right: 1px solid #ddd;
	text-align: center;
}
.help:last-child {
	border-right: none;
}
.help.last {
	margin-right: 0
}
.icon_click {
	float: left;
	margin-right: 10px
}
.clcyan {
	color: #2da4ff;
	font-size: 25px;
	display: inline-block;
	margin-bottom: 10px
}
.clpink {
	color: #ff6a5f
}
.clgreen {
	color: #3b965b !important
}
.clred {
	color: #e9292a !important;
	font-size: 16px;
}
.clgreen:hover {
	color: #01BEB3 !important
}
.time_cm {
	font-size: 12px !important;
	display: inline-block;
	margin-left: 10px;
	color: #999 !important
}
.text_click {
	font-size: 25px;
	text-transform: uppercase;
	line-height: 30px;
	margin: 10px 0;
	display: inline-block;
	margin-top: 15px;
	color: #555
}
.help_bottom {
	margin-top: 15px;
	padding: 10px 0;
}
.txt_link {
	font-size: 16px;
	font-family: roboto;
	color: #666;
	display: inline-block;
	padding: 13px 35px;
	border-radius: 3px;
	border: 1px solid #ddd;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #fff 60%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fff 60%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fff 60%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fff 60%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fff 60%, #e5e5e5 100%);
}
.txt_link .fa {
	margin-right: 10px;
	color: #888;
	font-size: 16px
}
.title_customer_sucess {
	background: #666666;
	font-size: 25px;
	text-transform: uppercase;
	display: inline-block;
	padding: 15px 40px;
	color: #fff;
	margin-top: -25px
}
.name_customer {
	color: #2da4ff;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dashed #ccc;
	display: block;
	padding: 5px 0;
	margin: 5px 0
}
.des_customer {
	text-align: justify;
	color: #555;
	display: inline-block
}
.logo_footer {
	padding-right: 20px;
	padding-top: 15px;
	text-align: center
}
.address_footer {
	padding-top: 20px;
	color: #aaa;
	font-size: 13px;
	font-family: roboto;
	text-align: center;
	line-height: 20px;
}
.address_footer * {
	color: #fff;
	line-height: 25px
}
.content_main {
	margin: 0px 0 0px;
	background: #f2f2f2;
	position: relative
}
.content_main .grid-980 {
	background: #e6e6e6
}
.box_sp {
	margin-bottom: 20px;
}
.title_sphot {
	background: #e9292a;
	font-size: 16px;
	padding: 10px 15px;
	display: block;
	color: #fff
}
.content_sphot {
	background: #eee
}
.content_sphot li {
	border-bottom: 1px solid #fff;
	background: url(../images/arr_menu.png) 15px 12px no-repeat;
	margin: 0;
	padding-left: 30px
}
.content_sphot li:hover {
	background: #333 url(../images/arr_menu_hover.png) 15px 12px no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.content_sphot li a {
	font-weight: bold;
	color: #555;
	padding: 10px;
	display: block
}
.content_sphot li:hover a {
	color: #fff
}
.title_spcenter {
	background: #01beb3;
	font-size: 16px;
	padding: 10px 15px;
	display: block;
	color: #fff
}
.content_spcenter {
	border: 1px solid #ddd;
	padding: 10px
}
.content_spcenter li {
	border-bottom: 1px solid #ddd;
	background: url(../images/arr_menu.png) 3px 12px no-repeat;
	padding-left: 15px
}
.content_spcenter li a {
	padding: 10px;
	display: block;
	font-weight: bold;
	color: #555
}
.content_spcenter li a:hover {
	color: #01BEB3
}
.content_spcenter .name_sp {
	background: #f2f2f2;
	border: none;
	margin: 10px 0
}
.content_spcenter .name_sp:hover {
	background: #333;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.content_spcenter .name_sp:hover a {
	color: #fff
}
.content_spcenter .name_sp a {
	font-size: 16px;
	padding: 5px 0px;
	color: #000;
	display: block;
	text-transform: uppercase
}
.title_content {
	color: #000;
	font-size: 25px;
	padding: 0px 0px 15px;
	text-align: center;
	border-bottom: 1px solid #000
}
.content_main_right {
	margin: 30px 0;
	display: table;
	width: 730px
}
.content_main_right p {
	font-size: 14px;
	line-height: 20px
}
.content_main_right p strong {
	font-size: 14px
}
.box_info_sp {
	margin-bottom: 50px
}
.left_box_info_sp {
	width: 140px;
	float: left;
	margin-right: 15px
}
.icon_Seo {
	background: #84bd33;
	font-size: 43px;
	width: 140px;
	height: 140px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #fff
}
.icon_Seo:hover {
	background: #01beb3;
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.info_sp {
	width: 195px;
	float: left
}
.icon_PR {
	background: #e37000
}
.icon_fb {
	background: #3b5999
}
.icon_tuvan {
	background: #ff5782
}
.read_more {
	background: #2da4ff url(../images/arr_xemthem.png) right no-repeat;
	padding: 8px;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 10px
}
.read_more:hover {
	background: #01beb3 url(../images/arr_xemthem.png) right no-repeat;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #fff
}
.sp_pr span {
	background: #e37000 !important
}
.sp_facebook span {
	background: #3b5999 !important
}
.sp_tuvan span {
	background: #ff5782 !important
}
.name_sp_right span {
	width: 17px;
	height: 17px;
	display: inline-block;
	background: #84bd33;
	margin-right: 5px
}
.name_sp_right a {
	font-size: 21px;
}
.list_sp li {
	background: url(../images/arr_cyan.png) left no-repeat;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #ddd
}
.list_sp li a {
	font-size: 14px;
	color: #2da4ff
}
.list_sp li a:hover {
	text-decoration: underline
}



.content_admin {
	background: #f5f5f5;
	padding: 15px 0
}
.title_userhelp {
	font-family: "UTMSwissCondensed";
	font-size: 25px;
	margin-top: 5px;
	margin-left: 15px
}
.title_userhelp .clred {
	font-size: 25px;
	margin-bottom: 15px;
	display: inline-block
}
.footer {
	background: #333;
	padding: 20px 0;
	border-top: 4px solid #44afa6
}
.avar_user {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 5px solid #fff;
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 130px
}
.box_user_help {
	margin-top: 20px;
	width: 320px
}
.info_user_help {
	width: 160px;
	margin-left: 10px;
	margin-top: 15px
}
.info_user_help p, .info_user_help strong {
	font-size: 14px;
	line-height: 24px;
	color: #333
}
.name_user {
	font-family: "UTMSwissCondensed";
	font-size: 20px !important;
	color: #2da4ff !important;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	text-transform: uppercase
}
.tbl_main {
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 20px
}
.tbl_main th {
	background: #f2f2f2;
	font-size: 16px;
	padding: 15px 10px;
	border: 1px solid #ddd;
	text-align: left
}
.tbl_main td {
	font-size: 14px;
	padding: 15px 10px;
	border: 1px solid #ddd;
	text-align: left;
	color: #555
}
.tbl_main td strong {
	font-size: 14px;
	color: #000
}
.tbl_main td a {
	color: #2da4ff;
	font-size: 14px
}
.tbl_main td a:hover {
	color: #01beb3
}
.select_order {
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 10px
}
.select_order strong {
	font-size: 14px;
}
.slt_box {
	border: 1px solid #ddd;
	padding: 5px;
	margin-left: 10px;
	width: 150px;
	margin-right: 20px
}
.title_order {
	font-size: 19px !important;
	;
	color: #555;
	margin-top: 15px
}
.title_order span {
	width: 15px;
	height: 15px;
	background: #555;
	display: inline-block;
	margin-right: 10px
}
.txt_chat {
	width: 710px;
	max-width: 710px;
	border: 1px solid #ddd;
	margin-top: 20px;
	padding: 10px;
	font-size: 14px;
	color: #555;
	min-height: 100px;
	margin-bottom: 15px
}
.tbl_thecao {
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin: 20px 0
}
.tbl_thecao td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 10px
}
.tbl_thecao th {
	background: #888;
	font-size: 16px;
	padding: 15px 10px;
	border: 1px solid #ddd;
	text-align: left;
	font-weight: normal;
	color: #fff
}
.tbl_thecao th input[type='radio'] {
	margin-right: 5px
}
.tbl_thecao th strong {
	color: #fff;
	font-size: 16px
}
.tbl_login {
	border-collapse: collapse;
	margin: 20px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tbl_login td * {
	font-size: 14px;
	font-weight: normal
}
.tbl_login td {
	border-bottom: 1px solid #eee;
	padding: 20px
}
.tbl_login input[type='text'], .tbl_login input[type='password'] {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	background: #f2f2f2;
	width: 230px;
	margin-top: 5px
}
.tbl_login select {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	background: #f2f2f2;
	width: 200px;
	margin-top: 5px
}
.box_chat_user {
	background: #f2f2f2
}
.box_chat_user td *, .box_chat_admin td * {
	font-size: 14px;
	color: #555
}
.box_chat_user td, .box_chat_admin td {
	text-align: left;
	vertical-align: top;
	padding: 20px 10px;
	font-size: 14px;
}
.box_chat_user td:last-child, .box_chat_admin td:last-child {
	padding: 20px 15px
}
.box_note {
	background: #eeeeee;
	font-style: italic;
	;
	padding: 15px;
	margin-top: 15px
}
.name_comment {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.box_note strong {
	color: #e9292a
}
.avar_customer {
	width: 39px;
	height: 39px;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: url(../images/avar_default.png);
	overflow: hidden
}
.box-login-success {
	background: #444;
	height: 62px;
	position: relative;
	top: -10px;
	margin-bottom: -18px;
	padding: 6px 15px;
}
.box-login-success table td {
	padding: 0 5px;
	color: #ccc;
	font-size: 14px;
}
.box-login-success table td strong {
	color: #fff;
	font-size: 14px;
}
.logout {
	background: #555;
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	padding: 3px 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.logout:hover {
	background: #888;
	color: #fff
}
.gray {
	color: #666;
}
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg {
	display: inline-block;
	height: 1%;
}
.pkg {
 display: inline-block;
}
/*menu*/
.menu-header {
	height: 40px;
	background: url(../images/bg_red_menu.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#menu-top-bar li {
	background: url(../images/line.png) 0 -118px no-repeat;
	float: left;
	padding: 5px 10px;
	color: #666;
}
#menu-top-bar li * {
	color: #666
}
#menu-top-bar li a {
	color: #666
}
#menu-top-bar li a:hover {
	color: #d10000
}
#menu-top-bar li .ic-contact-desk {
	background: url(../images/icon.png) 0 -7px;
	width: 20px;
	height: 15px;
	display: block;
	float: left
}
#menu-top-bar li .ic-contact-adv {
	background: url(../images/icon.png) -22px -7px;
	width: 20px;
	height: 15px;
	display: block;
	float: left
}
#menu-top-bar li .ic-hotline {
	background: url(../images/icon.png) -42px -7px;
	width: 20px;
	height: 15px;
	display: block;
	float: left
}
#menu-top-bar li .ic-phone {
	background: url(../images/icon.png) -65px -7px;
	width: 20px;
	height: 15px;
	display: block;
	float: left
}
#menu-top-bar li .email {
	color: #004276;
	font-weight: bold
}
#menu-top-bar li .hotline {
	color: #c40000;
	font-weight: bold
}
#menu-top:hover .box-top {
	text-indent: -999px
}
#menu-top .bar-menutop {
	padding-top: 0px;
	height: 34px;
	position: absolute;
	background: #000;
	display: none;
	left: 0;
	right: 0;
	margin-top: -2px
}
sub-menutop li a {
	padding: 10px 15px 9px 15px;
}
#menu-top li:hover .bar-menutop, #menu-top li.active .bar-menutop {
	display: block
}
#menu-top li.active {
}
#menu-top {
	border-bottom: 1px solid #ccc;
	height: 40px;
	position: relative;
}
#menu-top li {
	margin-right: 15px;
	float: left;
	background: url(../images/line_hor_menu.png) 0 9px no-repeat;
}
#menu-top li a {
	padding: 10px;
	display: block;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal
}
#menu-top li:hover, #menu-top li a.active {
	background: url(../images/bg_black_menu.png);
}
#menu-top li:hover a, #menu-top li a.active, #menu-top li.active a {
	color: #01BEB3;
	border-bottom: 4px solid #01beb3;
}
#menu-top li .home {
	padding: 12px 0px 10px 0;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
#menu-top li .home span {
	background: url(../images/icon_home.png) no-repeat center;
	padding: 10px 20px
}
#menu-top li .home:hover span, #menu-top li .home.active span {
background:url(../images/bg_black_menu.png);
padding: 10px 20px
}
#sub-menutop li {
	background: none
}
#sub-menutop li a {
	color: #666;
	font-weight: normal;
	font-size: 11px
}
.bar-menutop #sub-menutop a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-transform: none;
	padding: 10px 15px 6px 15px
}
.bar-menutop #sub-menutop li:hover, .bar-menutop #sub-menutop li.active {
	background: url(../images/bg_black_menu_hover.png) bottom
}
.bar-menutop #sub-menutop li:hover a, .bar-menutop #sub-menutop li.active a {
	color: #c10101 !important
}
.icon_cart {
	margin-right: 0 !important;
	background: url(../images/bg_black_menu.png) !important;
	float: right !important;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	position: relative
}
.left_bg_cart {
	background: url(../images/icon_cart.png) left no-repeat;
	padding-left: 35px !important;
	font-family: "UTMSwissCondensedBold" !important;
	text-transform: lowercase !important;
	height: 19px;
	color: #999 !important;
	display: inline-block;
}
.left_bg_cart:hover {
	color: #01BEB3 !important;
	background: url(../images/icon_cart_hover.png) left no-repeat
}
/*menu*/


/*css-hoi-dap contact*/
.list_que_ans {
	margin-top: 20px
}
.list_que_ans li {
	border: #eee 1px solid;
	background: #f2f2f2;
	margin-bottom: 3px;
}
.list_que_ans li:hover {
	background: #e5e5e5
}
.list_que_ans li:hover a {
	color: #000
}
.list_que_ans li a {
	display: block;
	padding: 5px 15px;
}
.list_que_ans li a.active:after {
	content: "";
	background: url(../images/arr-dow.png) no-repeat right;
	height: 20px;
	width: 20px;
	margin-right: -6px;
	float: right;
	text-align: center;
}
.list_que_ans li a:after {
	content: "";
	background: url(../images/arr-left.png) no-repeat right;
	height: 20px;
	width: 20px;
	margin-right: -6px;
	float: right;
	text-align: center;
}
.left_contact {
	margin-top: 25px;
	width: 650px;
	float: left
}
.right_contact {
	float: right;
	width: 300px;
	margin-top: 25px
}
.left_contact p, .right_contact p {
	display: block;
	margin: 15px 0
}
.content_que_ans {
	padding: 15px;
	background: #fff
}
.tbl_contact {
	width: 100%
}
.tbl_contact input[type="text"] {
	border: 1px solid #ccc;
	min-width: 280px;
	padding: 10px;
	border-radius: 3px;
}
.tbl_contact input[type="email"] {
	border: 1px solid #ccc;
	padding: 10px;
    min-width: 242px;
    border-radius: 3px;
}
.tbl_contact td {
	padding: 10px 20px;
}
.tbl_contact textarea {
	border: 1px solid #ccc;
	padding: 5px;
	min-width: 100%;
	max-width: 100%;
	max-height: 156px;
	min-height: 156px;
	border-radius: 3px;
}
.txt_contact {
	width: 100%;
	box-sizing: border-box
}
.send_contact {
	background: #39f;
	padding: 10px 25px;
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
	cursor: pointer
}
.send_contact:active, .send_contact:hover {
	background: #107BE6
}
.map_address {
	margin: 25px 0
}
.title-contact {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "UTMSwissCondensedBold" !important;
}
.addline {
	position: relative;
}
.title-contact.addline:after {
	background: #ef5e41;
}
.addline:after {
	width: 60px;
	height: 1px;
	background: #26a9e0;
	display: block;
	position: absolute;
	content: '';
	margin-top: 4px;
}
.step {
	background: #01beb3;
	border: 1px solid #00a79d;
	display: inline-block;
	padding: 5px 15px;
	text-align: right;
	float: right;
	margin-top: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.step:hover, .step:active {
	background: #00c9bd;
	border: 1px solid #007ECE;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.step:hover p, .step:active p {
	color: #fff
}
.step strong {
	font-size: 16px;
	font-weight: bold;
	color: #fff
}
.step p {
	color: #DDFFFD
}
.step .arr_step {
	background: url(../images/arr-step.png) no-repeat;
	width: 18px;
	height: 32px;
	display: inline-block;
	float: right;
	margin-left: 10px
}
.block20 {
	height: 20px;
	display: block
}
.block530 {
	width: 530px;
	margin: 0 auto
}
.block190 {
	width: 185px;
	margin-left: 15px;
	margin-top: 30px
}
.block190 .btn-search {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: inherit;
	font-size: 12px;
	width: auto;
	display: block;
	margin-bottom: 10px;
	font-weight: bold
}
.style2 {
	background: #F66
}
.style3 {
	background: #F90
}
.notyfi {
	background: #f3f3f3;
	padding: 15px;
	border: 1px solid #e5e5e5;
	width: 500px;
	margin: 0 auto
}
.notyfi textarea {
	background: #fff;
	border: 1px solid #eee;
	width: 470px;
	padding: 15px;
	;
	height: 120px;
	max-width: 470px;
}
.content_main_right .title_sphot {
	min-width: 180px;
	max-width: 220px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid rgb(207, 0, 0);
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 4px solid rgb(207, 0, 0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.content_main_right .title_sphot:hover {
	background: #FF5455;
	border: 1px solid rgb(255, 58, 58);
	color: #fff;
	border-bottom: 4px solid rgb(255, 58, 58);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
/*end hoi dap contact*/

.text1 {
	color: #444;
	font-size: 20px
}
.text1 span {
	color: #44afa6;
}
.head_name {
	border-top: 3px solid #44afa6;
	font-size: 40px;
	font-family: roboto;
	font-weight: 100;
	color: #fff;
	background: #44afa6;
	color: #fff;
	position: relative;
	padding: 20px 0;
	height: 56px;
}
.bgyellow {
	background: #44afa6 url(../images/.jpg) right no-repeat;
	width: 50%;
	position: absolute;
	height: 96px;
	top: 0;
}
.head_right {
	background: #3bbab5;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	font-family: roboto;
	font-weight: 700;
	text-shadow: 1px 1px 2px #2ca09b;
	margin: 0 -1px;
	margin-top: 20px;
}
.menu_left {
	width: 260px;
}
.content_right {
	width: 748px;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
	box-shadow: -3px 0 15px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 0 15px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: -3px 0 15px 0 rgba(0,0,0,0.1);
	position: relative;
	z-index: 2;
	min-height: 500px;
}
/*Drop menu*/


#cssmenu ul, #cssmenu li, #cssmenu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-family: 'roboto', sans-serif;
	font-size: 1em;
	position: relative;
}
#cssmenu a {
	line-height: 1.3;
}
#cssmenu > ul > li {
	background: #e7e7e7;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #cdcdcd
}
#cssmenu > ul > li:hover {
	background: #fff;
}
#cssmenu > ul > li > a {
	position: relative;
	font-size: 15px;
	display: block;
	color: #000;
	border: none;
}
#cssmenu > ul > li > a i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 19px 15px 14px 25px
}
#cssmenu > ul > li > a > span {
	display: block;
	padding: 16px 25px;
	font-family: roboto;
	font-weight: 700;
}
#cssmenu > ul > li > a:hover {
	text-decoration: none;
}
#cssmenu > ul > li.active {
	background: #fff;
	border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
}
#cssmenu > ul > li.has-sub.active > a span {
	color: #3bbab5
}
#cssmenu > ul > li.has-sub.active .fa-chevron-right {
	color: #3bbab5;
	padding-top: 15px
}
#cssmenu > ul > li.has-sub .fa-chevron-right {
	font-size: 15px;
	color: #666666
}
#cssmenu > ul > li.has-sub.active .fa-chevron-right:before {
	content: "\f078";
	font-size: 18px
}
#cssmenu > ul > li.has-sub.active > a {
	border-bottom: 1px solid #ccc
}
#cssmenu ul ul {
	margin-left: 30px;
	display: none;
	background: #fff;
}
#cssmenu ul ul li {
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-top: none;
	background: #fff;
}
#cssmenu ul ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul a {
	padding: 10px 10px 10px 20px;
	display: block;
	color: #333;
	font-size: 13px;
	font-family: 'roboto', sans-serif;
}
#cssmenu ul ul a:before {
	content: "\f105";
	position: absolute;
	font-family: 'FontAwesome';
	left: 5px;
	color: #aaa;
}
#cssmenu ul ul a:hover {
	color: #3bbab5;
}
/*box right*/

#box_right {
	margin-top: 20px;
	margin-bottom: 40px
}
#box_right ul, #box_right li, #box_right a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-family: 'roboto', sans-serif;
	font-size: 1em;
	position: relative;
}
#box_right a {

	line-height: 1.3;
}
#box_right > ul > li {
	border-bottom: 1px solid #ddd;
}
#box_right > ul > li:hover {
	background: #fff;
}
#box_right > ul > li > a {
	position: relative;
	font-size: 15px;
	display: block;
	color: #444;
	border: none;
}
#box_right > ul > li > a .fa-ellipsis-h {
	position: absolute;
	top: 0;
	right: 0;
	padding: 19px 0px 14px 25px
}
#box_right > ul > li > a > span {
	display: block;
	padding: 16px 0;
	font-family: roboto;
}
#box_right > ul > li > a:hover {
	text-decoration: none;
}
#box_right > ul > li.active {
	background: #fff;
}
#box_right > ul > li.has-sub > a span {
}
#box_right > ul > li.has-sub.active > a span {
	color: #3bbab5;
	font-family: roboto;
	font-weight: 700;
}
#box_right > ul > li.has-sub.active .fa-ellipsis-h {
	color: #3bbab5
}
#box_right > ul > li.has-sub .fa-ellipsis-h {
	color: #666666;
	font-size: 20px
}
#box_right > ul > li.has-sub.active .fa-ellipsis-h:before {
}
#box_right > ul > li.has-sub.active > a {
	border-bottom: 1px solid #ddd
}
#box_right > ul > li > a .fa-globe {
	font-size: 18px;
	margin-right: 12px;
	color: #777
}
#box_right > ul > li.has-sub.active > a .fa-globe {
	font-size: 18px;
	margin-right: 12px;
	color: #3bbab5
}
#box_right ul ul {
	margin-left: 0;
	display: none;
	background: #fff;
}
#box_right ul ul li {
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-top: none;
	background: #fff;
}
#box_right ul ul li:last-child {
	border-bottom: none;
}
#box_right ul ul a:hover {
	color: #3bbab5;
}
#box_right ul ul .btn_buy {
	border: 1px solid #efcd45;
	padding: 5px 10px;
	display: inline-block;
	color: #efcd45;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}
#box_right ul ul .btn_pendding {
	border: 1px solid #3bbab5;
	padding: 5px 10px;
	display: inline-block;
	color: #3bbab5;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}
#box_right ul ul .btn_deny {
	border: 1px solid #555;
	padding: 5px 10px;
	display: inline-block;
	color: #555;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}
#box_right ul ul .btn_buy:hover {
	border-color: #3bbab5
}
#box_right ul ul .fa-folder-open-o {
	color: #666;
	font-size: 17px
}
#box_right ul ul .fa-folder-open-o:hover {
	color: #3bbab5;
}
.fa-folder-open-o {
	color: #666;
	font-size: 17px
}
.fa-folder-open-o:hover {
	color: #3bbab5;
}
.padding30 {
	padding: 30px 40px
}
.head_left {
	font-size: 25px;
	font-family: roboto;
	font-weight: 100;
	margin-bottom: 30px;
}
.head_left span {
	display: inline-block;
	border-bottom: 1px solid #aaa;
	padding-bottom: 10px;
	white-space: nowrap
}
.tbl_list {
	width: 100%;
	border-top: 2px solid #44afa6;
	border-collapse: collapse;
}
.tbl_list th {
	background: #444;
	padding: 12px 15px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: roboto;
	font-weight: normal;
	border-right: 1px solid #333
}
.tbl_list td {
	padding: 15px 0;
	text-align: center;
	border-right: 1px solid #ddd;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #ddd
}
.tbl_list tr:last-child td {
	border-bottom: none
}
.tbl_list td:last-child {
	border-right: none;
}
.tbl_list tr:nth-child(2n){background: #f2f2f2}
.time_conversation {
	text-align: center;
	font-size: 12px;
	color: #aaa;
	font-size: 11px;
	margin-bottom: 7px
}
.list_conversation {
	margin: 6px 0 16px 0;
	margin-top: 40px
}
.txt_user {

	font-size: 15px;
	margin-right: 15px
}
.box_chat {
	padding: 15px;
	border-radius: 10px;
	background: #E9FFFE;
	float: left;
	width: 83%;
	font-size: 14px;
	color: #666
}
.support_chat, .you_chat {
	margin-bottom: 15px
}
.support_chat .box_chat {
	background: #FFFCEF
}
.support_chat .txt_user {
	color: #aaa
}
.you_chat .txt_user {
	color: #444
}
.txt_chat {
	border: 1px solid #eee;
	padding: 1%;
	margin-bottom: 10px;
	width: 99%;
	max-width: 99%;
	height: 110px
}
.input_chat {
	margin: 30px 0;
	margin-bottom: 30px
}
.send-chat {
	background: #3BBAB5;
	color: #fff;
	border-radius: 3px;
	padding: 6px 25px;
	text-align: center;
	border: none;
	float: right;
	text-transform: uppercase
}
.send-chat:hover {
	color: #fff;
	text-decoration: none;
	background: #CCAC28
}
.form-control-month {
	margin-right: 5px;
	width: 130px
}
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
}
.form-manager-user {
	padding: 30px 90px
}
.form-manager label {
	text-align: left !important
}
.form-submit-new-site {
	padding: 30px 110px
}
.form-submit-new-site input[type="checkbox"] {
	float: right;
	margin-top: 6px
}
.row-cart-item-info {
	line-height: 31px
}
.row-cart-item-info strong {
	color: #000
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing: border-box;
}
.tl-form label {
	font-weight: 400;
	font-size: 13px;
	color: #666;
	text-align: right;
	padding-top: 7px
}
.col-md-4 {
	width: 33.33333333%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.form-group {
	margin-bottom: 15px;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.btn-clear {
	color: #fff;
	background-color: #596564;
	border-color: #596564;
}
.btn-clear:hover {
	color: #fff;
	background-color: #000;
	border-color: #596564;
}
.btn-buy {
	color: #fff;
	background-color: #E05151;
	border-color: #F98888;
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.content_white {
	background: #fff !important;
	padding: 40px;
	box-sizing: border-box
}
.content_white .tbl_list {
	margin-top: 25px
}
.txt_number {
	display: inline-block;
	width: 50px;
	text-align: center
}
.total_pay {
	font-family: roboto;
	font-weight: 700;
	color: #000;
	background: #ececec;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	text-align: right;
	text-transform: uppercase
}
.total_pay strong {
	color: #c70000
}
.btn_pay {
	background: #3BBAB5;
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4px;
	margin-top: 15px;
	font-size: 14px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: none;
}
.btn_pay:hover {
	background: #efcd45;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.print_excel {
	font-size: 12px;
	color: #999;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
	margin-top: 15px;
}
.fa-file-excel-o {
	margin-right: 5px;
	font-size: 16px !important
}
.print_excel:hover {
	border-color: #3BBAB5;
	color: #3BBAB5
}
.fa-shopping-cart, .fa-user {
	margin-right: 5px;
	font-size: 14px !important
}
.tbl_login td {
	padding: 15px;
	font-size: 14px;
	color: #444;
	white-space: nowrap
}
.tbl_login .btn_pay {
	margin-top: 0
}
.btn_forgot {
	color: #1fa3ff;
	margin: 0 20px
}
.btn_forgot:hover {
	color: #2a6496;
	text-decoration: underline
}
.fa-sign-in {
	margin-right: 5px
}
.fa-pencil-square-o {
	margin-right: 5px;
}
.notify {
	position: absolute;
	border-radius: 100%;
	width: 14px;
	height: 13px;
	top: 5px;
	left: -6px;
	color: #fff;
	display: inline-block;
	background: #D51E1E;
	z-index: 999;
	font-size: 9px;
	line-height: 13px;
}
#r-fill {
	padding: 20px;
	border: 1px solid #ddd;
	border-top: 0;
	margin-top: 0px;
}
.m-manager-form {
	background: #fff;
	padding: 15px 0;
	font-size: 14px
}
.m-manager-form li {
	margin-bottom: 5px;
	display: list-item;
	text-align: -webkit-match-parent;
	list-style: inside;
	font-size: 14px
}
h3, .uk-h3 {
	font-size: 16px;
	line-height: 24px;
}
#r-fill .btn-card.active {
	border-color: #0099cc;
}
#r-fill .btn-card {
	min-height: 100px;
	width: auto;
	display: block;
	border: #cccccc 2px solid;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	color: #000 !important;
	padding-bottom: 10px;
	font-size: 12px;
}
.uk-grid>[class*='uk-width-']>:last-child {
 margin-bottom: 0;
}
.uk-form>:last-child {
	margin-bottom: 0;
}
*+p {
	margin-top: 15px;
}
.uk-grid:before, .uk-grid:after {
	content: " ";
	display: table;
}
.uk-width-2-10 {
	width: 33.3%;
}
.uk-grid>[class*='uk-width-'] {
 margin: 0;
 padding-left: 2%;
 float: left;
}
#r-fill .btn-card .paypal {
	width: 51px;
	height: 50px;
	background: url(../images/card.png) 0 0 no-repeat;
	display: block;
	margin: 10px auto 0px;
}
#r-fill .btn-card .ck {
	width: 137px;
	height: 70px;
	background:url(../images/card.png) -261px 0px no-repeat;
	display: block;
	margin: 10px auto 0px;
}
#r-fill .btn-card .visa {
	width: 154px;
	height: 70px;
	background: url(../images/card.png) -536px 0px no-repeat;
	display: block;
	margin: 10px auto 0px;
}
#r-fill .btn-card .card {
	width: 157px;
	height:70px;
	background: url(../images/card.png) -842px 0px no-repeat;
	display: block;
	margin: 10px auto 0px;
}
#r-fill .btn-card .textlink {
	width: 52px;
	height: 50px;
	background: url(../images/card.png) -1198px 0px no-repeat;
	display: block;
	margin: 10px auto 0px;
}
.uk-button-primary:hover, .uk-button-primary:focus {
	background-color: #35b3ee;
	color: #fff;
}
.uk-button:hover, .uk-button:focus {
	background-color: #f5f5f5;
	color: #444;
	outline: 0;
}
.uk-grid:not(.uk-grid-preserve) {
	margin-left: -2%;
}
.uk-panel-box {
	padding: 15px;
	background: #f5f5f5;
	color: #444;
	font-size: 13px
}
.uk-panel-box h3 {
	text-align: center
}
.color-adv {
	color: #3399cc;
}
.uk-form select, .uk-form textarea, .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	height: 30px;
	max-width: 100%;
	padding: 4px 6px;
	border: 1px solid #ddd;
	background: #fff;
	color: #444;
	-webkit-transition: all linear .2s;
	transition: all linear .2s;
}
button, input:not([type="radio"]):not([type="checkbox"]), select {
	vertical-align: middle;
}
.m-manager-form input, .m-manager-form select, .m-manager-form button {
	border-radius: 5px;
}
[class*='uk-width-'] {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.uk-width-1-1 {
	width: 100%;
}
*+h3 {
	margin-top: 25px;
}
.breadcump a {
	background: #888;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0;
	padding: 3px 10px;
	font-size: 14px
}
.breadcump a.active {
	background: #EFCD45;
}
.breadcump a:hover {
	background: #3bbab5
}
/*Update css 8-7*/
.breadcump {
	border: 1px solid #ddd;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	background-color: #fff;
}
.breadcump a {
	margin: 5px 0;
	color: #888;
	background: none
}
.breadcump .fa-angle-right {
	color: #888
}
.breadcump a.active {
	color: #44afa6;
	background: none
}
.breadcump a:hover {
	background: none
}
#box_right > ul > li > a .fa-plus-square-o {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 19px 0px 14px 25px;
}
#box_right ul ul .btn_buy {
	font-size: 11px
}
#box_right > ul > li.has-sub .fa-plus-square-o {
	color: #aaa;
	font-size: 20px;
}
#box_right > ul > li.has-sub.active .fa-plus-square-o:before {
	content: "\f147";
}
#box_right ul ul .btn_buy {
	border: 1px solid #E0B60E;
	color: #E0B60E;
	width: 95px;
	padding: 5px
}
.replay_admin {
	font-size: 11px !important;
	color: #F06097;
	padding: 8px 15px !important;
	display: block;
	text-align: center;
	background-color: #fff;
	text-transform: uppercase;
}
.replay_admin .fa-comments-o {
	font-size: 14px !important;
	margin-right: 7px
}
.list_order li:nth-child(2n) {
	background: #f2f2f2
}
.name_order {
	padding-left: 10px !important
}
.code_order {
	width: 15%
}
.date_order {
	width: 20%
}
.tit_order {
	width: 50%
}
#box_right > ul > li.has-sub.active .name_order {
	color: #3bbab5
}
.name_order span {
	display: inline-block !important;
	font-size: 14px
}
.fa-check-square-o {
	margin-right: 7px
}
.fa-list-ul {
	margin-right: 7px
}
.input_name_order {
	margin: 15px 0;
}
.txt_name_order {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	min-width: 100%;
	margin-top: 10px;
	box-sizing: border-box
}
.content_center {
	border-bottom: none;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15) inset;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15) inset;
	-ms-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15) inset
}
.form-manager-user {
	padding: 30px 0
}
.tl-form label {
	font-size: 15px
}
.btn_status {
	border: 1px solid #37B2E8;
	color: #37B2E8;
	padding: 5px 10px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px
}
.code_order {
	color: #E0B60E
}
.code_order:hover {
	text-decoration: underline
}
.btn_status.clred {
	border: 1px solid #ccc !important;
	color: #888 !important
}
.paging {
	padding: 5px;
	background: #f2f2f2;
	text-align: center
}
.paging a {
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	margin-left: 5px;
	padding: 5px 10px;
	font-size: 12px
}
.paging a.active, .paging a:hover {
	background: #444;
	color: #fff
}
.fa-arrow-down {
	margin-right: 5px;
	color: #25C387
}
.fa-arrow-up {
	margin-right: 5px;
	color: #D83A3A
}

/*update 10-7*/
.txt_chat {
	border: 1px solid #ddd;

	margin: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px
}
.box_rep {
	background: #f2f2f2;
	padding: 10px;

}
.send-chat {
	margin-top: 15px
}
.input_file {
	padding: 5px 0px;
}
.load_more {
	border-bottom: 1px solid #eee;
	text-align: center;
	position: relative;
	margin-top: 40px;
	background: #f2f2f2
}
.btn_load_more {
	padding: 3px 20px;
	border-radius: 3px;
	border: 1px solid #eee;
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 44%;
	background: #f9f9f9;
	color: #777;
	font-size: 12px
}
.btn_load_more:hover {
	background: #23b1af;
	color: #fff;
	text-decoration: none
}

.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mr20 {
	margin-right: 20px
}
.ml40 {
	margin-left: 40px
}
.ml30 {
	margin-left: 30px
}
.ml20 {
	margin-left: 20px
}
.mr10 {
	margin-right: 10px
}
.ml10 {
	margin-left: 10px
}
.mr40 {
	margin-right: 40px
}
.mr30 {
	margin-right: 30px
}
.mr15 {
	margin-right: 15px
}
.ml15 {
	margin-left: 15px
}
.pda5 {
	padding: 5px;
}
.pda20 {
	padding: 20px;
}
.pdbt20 {
	padding: 20px 0;
}
.pdbt40 {
	padding: 40px 0;
}
.pdlr20 {
	padding: 0 20px;
}
.msg {
    padding-top: 5px;    display: block;
    color: #777;
	font-size: 12px
}
.f22{font-size: 22px;
    color: #444;}
 .btn_cancel{
    border: 1px solid #c70000;
    padding: 5px 10px;
    display: inline-block;
    color: #c70000;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    white-space: nowrap;
}
.fs14{font-size: 14px}
.content_middle{background: #fff}
.content_text{font-size: 14px;border-bottom: 1px dashed #ccc;padding-bottom: 30px}
.d-flex{display: flex;flex-wrap: nowrap}
.col-50per{width: 50%;padding: 0 15px}
.col-40per{width: 45%;padding: 0 }
.text-center{text-align: center}
.btn_red{background: #e29b43}
.list_site{display: flex;flex-wrap: wrap}
.list_site li{width: 33.3%;margin-bottom: 15px}
.list_site li a{color: #666}
.list_site li a:hover{color: #44afa6}
.line_ver{border-bottom: 1px dashed #ccc;margin: 30px 0}
.list_tag .item_tag{margin-right: 30px;margin-bottom: 10px;display: inline-block}
.col-20per{width: 10%}
.col-20per i{font-size: 20px;color: #999}
.col-20per i:hover{color: #44afa6}
.content_select{justify-content: center;align-items: center}
.box_select{height: 400px;border: 1px solid #ccc;border-radius: 10px;padding: 15px;overflow: auto}
	
.hidden, .hidden_submit{
	display: none;
}

.mess_er{
	margin-top: 5px;
	font-size: 14px;
	color: #721c24;
	padding: 1px 13px;
	background: #f8d7da;
	border-radius: 6px;
	border: 1px solid #f5c6cb;
}
.mess_tb{
	margin-top: 5px;
	font-size: 14px;
	color: #155724;
	padding: 1px 13px;
	background: #d4edda;
	border-radius: 6px;
	border: 1px solid #c3e6cb;
}

.notifii{
    color: #000;
    /* margin-left: 10px; */
}
i.notifii{
    font-size: 13px;
}
.boxcount_notifi{
    position: absolute;
    width: 12px;
    height: 13px;
    background: #000;
    font-size: 9px !important;
    margin-left: -5px;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    color: #fff !important;
    margin-top: -2px;
}


#notifications {
    display:none;
    width: 355px;
    max-width: 355px;
    border:solid 1px rgba(100, 100, 100, .20);
    -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .20);
    z-index: 9999;
    background: #fff;
    position: fixed;
    margin-top: 5px;
	padding: 10px 5px;
	right: 0;
	border-radius: 5px;
	margin-right: 13%;
    margin-top: 30px;
}


#notifications h3{
    border-bottom: 1px solid #B3B3B3;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
	letter-spacing: 0.85px;
	text-align: start;
}
#close_notifi{
    float: right !important;
    margin-right: 15px;
}
#notifications .content_notifi{
    width: 100%;
}

#notifications .content_notifi{
    padding: 0 5px;
	width: 100%;
	text-align: start;
}
#notifications .content_notifi li .contifi{
    display: inline-grid;
}
#notifications .content_notifi li{
    width: 100%;
    margin-bottom: 10px;
}
#notifications .content_notifi li:hover{
    border-bottom: 1px solid #B3B3B3;
}
#notifications .content_notifi li .contifi p.time{
    font-size: 10px;
    color: #ccc;
}
#close_notifi span{
	font-size: 19px;
	color: #000;
}

.tb{
	width: 23px;
	float: right;
	margin-top: 5px;
}

.cart-header{
	width: 23px;
	float: right;
	margin-top: 5px;
	margin-left: 10px;

}

.li_news{
	width: 48%;
	padding: 10px 5px;
}
.news_img{
	width: 45%;
	float: left;
}
.news_caption{
	width: 45%;
	float: left;
	margin-left: 15px;
}
.news_caption .title{
	text-align: justify;
}
.news_caption .caption{
	text-align: justify;
}
.clear{
	clear: both;
}
.title a{
	font-size: 17px;
	color: #000;
}
.caption p{
	font-size: 12px;
}
.box_news .time{
	font-size: 10px;
	margin: 5px 0;
	color: #999;
}
.date_news p{
	color: #999;
}
.date_news{
	margin-bottom: 15px;
}

a.default{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	padding: 3px 8px;
	font-size: 11px;
	border-radius: 4px;
}

a.info{
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
	padding: 3px 8px;
	font-size: 11px;
	border-radius: 4px;
}

a.warning{
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
	padding: 3px 8px;
	font-size: 11px;
	border-radius: 4px;
	margin: 0;
}

a.success{
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
	padding: 3px 8px;
	font-size: 11px;
	border-radius: 4px;
}
.textlink{
	font-size: 13px;
	line-height: 21px;
	text-align: center;
}

.btn-cart{font-size: 20px; padding-left: 10px}
.btn-cart i{color: #FFF;}
.btn-cart:hover i{color: #EEE}
.tbl-product { }
.tbl-product tr td:nth-child(n+5):nth-child(-n+6) { text-align: right; padding-right: 10px; }
.tbl-product tr td{font-weight: bold; }
.tbl-order input[type="text"] { border: 1px solid #ccc; padding: 5px; text-align: right; }
.tbl-order label{cursor: pointer;}
.tbl-order label input{margin-right: 5px;}
.tbl-order .box-quan, .tbl-order .box-time{text-align: center;}
.slTime{border: 1px solid #ccc; padding: 5px;}
#boxLoading, #boxLoadingSite { display: none; text-align: center; margin-bottom: 10px; }
.padtb20{padding: 20px 0px !important; font-size: 18px;}
.padtb20 a{font-size: 18px;}
#objMsgSite, #objMsgSite p{font-size: 18px;}
.boxTotalKey{font-style: italic;}
.boxTotalKey span{font-weight: bold;}
.boxTotalLink{float: right; font-style: italic;}
.box-quan{}
.box-quan *{box-sizing: border-box; }
.box-quan div{display: inline-block; overflow: hidden;}
.box-quan a{font-size: 20px; display: inline-block; float: left;}
.box-quan .itemMinus{padding-right: 10px;font-size: 14px;color: #000;margin-top: 5px;}
.box-quan .itemPlus{padding-left: 10px;font-size: 14px;color: #000;margin-top: 5px;}
.box-quan .txtQuan{width: 50px; display: inline-block; float: left;}

/* Build Product Step 1*/
#products2 *, .site-list *{box-sizing: border-box;}

/* #btnSave{float: right;}
#boxKeyword{padding: 10px; overflow: hidden;}
#keywordList, #keywordedList{margin-top: 10px;}
#keywordList > div, #keywordedList > div{width: 100%; padding-bottom: 10px; font-size: 16px; margin-bottom: 10px; border-bottom: 1px solid #EEE;}
#keywordList > div .key, #keywordedList > div .key{font-weight: bold;}
#keywordList > div:last-child{border-bottom: none;}
#keywordList .btn-acts{display: inline-block; float: right;}
#keywordList .btn-acts a{margin-left: 10px;}
#btnDelAll, #btnReset{float: right;}
#btnSaveKeyword{float: left;}
#frmSort{}
.cb-site, .cb-cat{cursor: pointer;}
.box-sites .cb-cat{margin-right: 5px;}
.box-create, .box-list{width: 50%; float: left;}
.box-create{padding-right: 20px;}
.box-list{border: 1px solid #DDD}
.box-create .title, .box-list .title{background: #F5F5F5; padding: 10px; text-align: center; font-size: 16px;}
.frm-elm{margin: 15px 0px;}
.frm-elm label{cursor: pointer;}
.frm-elm label input{margin-right: 5px;}
.txtr{text-align: right;}
.txtl{text-align: left;}
.pad612{padding: 6px 12px;}
#boxKeyword #objMsg{width: 100%; margin-top: 20px;}
#msgSaveS1{margin-top: 40px; margin-bottom: 20px;}
#msgSaveS1 span, #msgSaveS1 a{font-size: 16px;}
#msgSaveS1 span{display: block;}
#btnBuildOdd{float: right;} */

/* Build Product Step 2*/
#linkFindMsg{margin-bottom: 10px;font-size: 14px;}
#products2 { padding: 5px 8px; }
.box-search *, .box-link *, #boxSites1 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-search *{float: left; display: inline-block; margin: 0px;}
.box-search{margin-bottom: 10px; overflow: hidden;}
.box-search >span{width: 20%; padding-left: 10px;}
.box-sites .title{font-size: 14px; font-weight: bold; padding: 5px; white-space: nowrap; border-bottom: 1px solid #ccc;}
.site-list{overflow: hidden; margin: 10px 0px;}
.site-list li{width: 33.3%; float: left; margin: 5px 0px;}
.site-list label{cursor: pointer;}
.site-list input{margin-top: 0px;}
.site-list span{padding-left: 5px; font-size: 14px;}
#boxSites1{border: 1px solid #DDD; padding: 10px 20px;}
#boxSites1 .box-act{float: right; width: 100%; margin-left: 0px; margin-right: 0px;}
#boxSites1 .box-act .col-sm-4{text-align: center;}
#boxSites1 .box-act .col-sm-4 > a{float: initial;}
#txtSearch{width: 80%; }
.box-link{font-size: 16px;}
#linkFind, #linkChooseOutter{min-height: 600px; max-height: 600px;overflow-y: auto;}
#linkFindPage{width: 45%}
#linkFindPage span, #linkFindPage a{display: inline-block; margin-right: 8px; margin-bottom: 10px;}
#linkFindPage a{width: 30px; height: 30px; border-radius: 50%; background:#DDD; text-align: center; line-height: 30px; font-weight: bold;}
#linkFindPage a:hover, #linkFindPage a.active{background: #333; color: #FFF;}
#arrAll{width: 10%; float: left; min-height: 400px; padding: 150px 10px 0px 10px; text-align: center;}
#arrAll a{display: block; font-size: 40px;}
#arrAll .fa-random{font-size: 26px;}
#arrAll a .fa-random{color: #888}
#arrAll a.active .fa-random{color: #000}
#arrAll > span{margin: 15px 0px; display: block;}
#linkFind{float: left;}
#linkFind .btn-choose{float: right; display: inline-block; position: absolute; top: 20px; right: 0px; padding: 5px; background: #239B42; border-radius: 50%;}
#linkChooseOutter{float: right;}
#linkChoose{min-height: calc(100% - 40px);}
#linkFind { font-size: 16px; }
#linkFind div, #linkChoose div { font-size: 12px; margin-bottom: 5px; padding: 5px 0px; cursor: pointer; position: relative;}
#linkFind div:hover, #linkChoose div:hover{background: #F7F7F7}
#linkFind div b, #linkChoose div b { font-size: 14px; width: 34px; display: inline-block; }
#linkFind div span { font-weight: bold; }
#linkChoose div b{width: 24px;}
#linkChoose div i{float: right;}
.keyword-list, .link-list{}
.keyword-list li, .link-list li{clear: both; overflow: hidden; border-bottom: 1px solid #DDD; padding: 15px 20px;}
.keyword-list li:last-child, .link-list li:last-child{border-bottom: none;}
.keyword-list .key, .link-list .link{width: 60%; float: left; font-size: 13px; padding-top: 10px;}
.keyword-list .key{font-size: 13px; color:#333;}
.keyword-list .key a{font-weight: bold; font-size: 13px;}
.link-list .link{font-size: 14px}
.link-list .link a, .link-list .link b{font-size: 13px;}
.keyword-list .txt-pos, .link-list .key{width: 40%; float: left; padding-left: 20px;}
.keyword-list .txt-pos input{width: 45%; float: left;}
.keyword-list .txt-pos input:last-child{float: right;}
.keyword-list .txt-pos .msg{display: block; width: 100%; float: left;}
.keyword-list .txt-pos .msg.err{padding-top: 5px; font-size: 14px; color: #ec0700}
#boxCatKey{width: 40%; border: 1px solid #DDD; padding: 5px 10px;}
#boxCatKey li{display: block; width: 100%; padding: 2px; border-bottom: 1px solid #eee; position: relative;}
#boxCatKey li a{display: block; width: 100%; padding: 5px 10px}
#boxCatKey li a.close{position: absolute; display: inline-block; right: -20px; top: -12px; width: initial; opacity: 1; z-index: 10;}
#boxCatKey li a.close i{color: #d20b05}
#boxCatKey li:first-child{border-bottom: none; height: 0px; padding: 0px;}
#boxCatKey li:last-child{border-bottom: none;}

.btn-act{width: 100%; margin: 0px;}
.btn-act *{box-sizing: border-box;}
.keyword-act{text-align: center;}
.keyword-act i{color: #FFF}
#btnBuildUrl{float: right;}
.box-datetime{}
.box-datetime .content{padding-top: 20px; display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #DDD; padding-bottom: 20px;}
.box-datetime .content input{width: calc(100% - 40px); float: left;}
.box-datetime .content > div{width: 45%; float: left; margin-right: 5%}
.box-datetime .content > div:last-child{margin-left: 5%; margin-right: 0px;}
.box-datetime .content > div a{height: 34px; width: 40px; display: inline-block;}
.box-datetime .content > div a i{font-size: 20px; color: #D9534F; margin-left: 2px;}
#txtFrom{}
#txtTo{}
.box-cats li{float: left; padding-right: 20px;}
.box-cats .checkbox{padding-left: 0px;}
#btnSortRdn, #btnSortPos{font-size: 16px;}
#btnSortPos{float: right; margin-right: 5px;}
.pointer{cursor: pointer;}

/*#btnSaveUrl, #btnBuildUrl, #btnDelAll{float: right;}*/
/*#btnSaveUrl{margin-right: 33%;}*/
.box-msg{}
#objMsg{width: 48%; float: right;}
#objMsg p{font-size: 16px; /*font-weight: bold;*/}
.lbl-pls-act{font-size: 16px; padding: 10px 0px;}

#frmCharge{padding: 30px 0px;}
#frmCharge *{box-sizing: border-box;}
.frmElm{overflow: hidden; display: block; margin-bottom: 30px; }
.frmElm label{width: 200px; padding-right: 30px; text-align: right; float: left; padding-top: 6px; font-size: 16px;}
.frmElm .elm{width: calc(100% - 200px); float: left; }
.frmElm .msg{padding-top: 5px; display: block;color: #777;}
.frmElm .err, .err{color: #E10000}
.success{color: #285e8e}
.warn{color: #d05b14}
.date-notify{}
.date-notify span{display: block; margin-bottom: 10px;}
.date-notify span:last-child{margin-bottom: 0px;}
#boxCallback{padding: 20px 0px;}
#boxCallback .msg, #boxCallback .msg a{font-size: 16px;}

#boxKey{}
#boxKey li{margin-bottom: 10px}
#boxKey li b{padding-right: 10px;}
#boxKey li a{font-weight: bold; font-size: 14px;}

#boxLink *{box-sizing: border-box;}
#boxLink{font-size: 16px; margin-top: 45px; margin-bottom: 25px;}
#boxLink .link-link{width: 70%; float: left; font-size: 16px;}
#boxLink .link-link a{padding-left: 10px;}
#boxLink .link-key{width: 30%; float: left; padding-left: 20px; font-size: 16px;}
#boxLink .link-key.title{padding-left: 20px;}
#boxLink .link-key a{font-weight: bold; font-size: 16px; cursor: pointer;}
#boxLink .title{text-align: left; font-size: 16px; font-weight: bold; padding-left: 10px; font-family: "UTMSwissCondensedBold";}
#boxLink li{overflow: hidden; margin-bottom: 10px; padding-bottom: 10px;}
#form_mess *{box-sizing: border-box;}
#mess_text{width: 100%; max-width: 100%;}
.linkKeyErr{}
.linkKeyErr li{margin-bottom: 10px;}
.text-center{text-align: center;}

.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 468px;
    min-height: 180px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}

/* Popup box BEGIN */


.btn-success{
	color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #ffffff;
    background-color: #47a447;
	border-color: #398439;
}
.error_re{
	border: 1px solid #721c24 !important;
}

.list_site, .list_tag{
	font-size: 13px;
}

.box-link{
	width: 100%;
}

/*update 10-3*/
.list_link {
	margin-bottom: 30px
}
.list_link .clearfix {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}
.list_link li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 22px;
}
.list_link li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
.list_link .fr {
	margin-left: auto
}
.tbl_left td {
	text-align: left;
	padding: 15px
}
.list_link .fl {
	margin-right: auto;
	max-width: calc(100% - 330px)
}
.f12 {
	font-size: 12px
}
.btn_pendding {
	border: 1px solid #3bbab5;
	padding: 5px 10px;
	display: inline-block;
	color: #3bbab5;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}
.btn_deny {
	border: 1px solid #555;
	padding: 5px 10px;
	display: inline-block;
	color: #555;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}
.mh500 {
	max-height: 500px;
	overflow-y: auto
}