@CHARSET "UTF-8";

body {font-size: 13px; font-family: Arial, sans-serif;}
* {line-height: 1.5;}
ul, li {margin: 0; padding: 0; list-style: none;}
a {text-decoration: none; color: #b00;}
a:hover {text-decoration: none;}
label {font-weight: normal;}
.maincolor {color: #b00!important;}
.bgmaincolor {background-color: #b00!important;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,300);
@font-face {
    font-family: 'bebas';
    src: url('fonts/utm_bebas-webfont.eot');
    src: url('fonts/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/utm_bebas-webfont.woff') format('woff'),
         url('fonts/utm_bebas-webfont.ttf') format('truetype'),
         url('fonts/utm_bebas-webfont.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*::selection {background: #d00; color: #fff;}*/

* {line-height: 1;}

body {font-size: 12px;}

.inlineblock {display: inline-block;}

.container1600 {max-width: 1600px; margin: 0 auto; position: relative; box-sizing: border-box;}
.container {width: 960px; margin: 0 auto; position: relative; box-sizing: border-box;}

/**
 * BACKEND STYLE
 */
 input:focus {outline: none;}

.copyrightazhost {background: rgba(0,0,0,0.85); color: #fff; padding: 5px 0; text-align: center; width: 100%; position: fixed; bottom: 0; box-shadow: 0 0 5px #222;}
.copyrightazhost a {color: #fff;}
.boxlogin {width: 523px;margin: 100px auto;background: #EEE;border-radius: 5px;border: 1px solid #AAA; position: relative;}
.boxlogin .badge {width: 111px; height: 110px; background: url(../images/logform.png) no-repeat; position: absolute; top: -4px; left: -4px; background-size: 70%;}
.shadow_box {width: 523px; height: 50px; background: url(../images/shadowForm.png) center top no-repeat; position: absolute; background-size: 100% auto;}
.boxlogin img {float: left;padding: 20px; width :170px;}
.boxlogin form {float: left;width: 290px;padding: 10px;min-height: 112px;border-left: 1px solid #AAA;}
.boxlogin form input[type="text"], .boxlogin form input[type="password"] {padding: 5px;width: 278px;border: 1px solid #AAA;margin: 0 0 10px;}
.boxlogin form input[type="submit"] {padding: 5px 10px; cursor: pointer; display: block; width: 100%;}
.message {padding: 10px; color: #fff; font-weight: bold; margin: 10px 0; background: #a00; position: relative;}
.message a {text-decoration: underline; color: #fff;}
.message.bggreen, .message.success {background: darkgreen;}

.message {padding: 22px; border-radius: 5px; box-shadow: 0 25px 10px -15px rgba(0,0,0,0.2); background: #d00; max-width: 280px; position: fixed; top: 30px; right: -600px; z-index: 99; color: #fff; line-height: 1; opacity: 0.8; cursor: pointer; transition: 0.3s ease all;}
.message.show {right: 30px; opacity: 1;}
.message i {position: absolute; top: 5px; right: 5px;}

.background_main {background: #333; overflow: hidden;}

.mainquanly, .mainquanly * {line-height: 1.5;}

.mainquanly .title {font-weight: bold; margin-bottom: 20px; font-size: 20px;}

.mainquanly .button {color: #fff;}

.main_content {margin: 0;}
.mainquanly {padding: 1%; background: white; padding-bottom: 40px; min-height: 100vh; box-sizing: border-box; margin-left: 15%;}

.menusidebar {width: 15%; color: #fff; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 99;}
.menusidebar a {color: #fff;}
.menusidebar .logosidebar {display: block; -webkit-filter: invert(0%); width: 100%; border-bottom: 1px solid #555; box-sizing: border-box; padding: 10px;}
.menusidebar .sitename {padding: 10px; text-align: center; text-transform: uppercase; display: block; border-bottom: 1px solid #ddd;}
.menusidebar img {width: 100%;}
.menusidebar li {border-bottom: 1px solid #555; position: relative;}
.menusidebar li a {padding: 10px 15px; display: block; font-weight: 100;}
.menusidebar li a i.first {float: left; width: 13px; margin-right: 10px;}
.menusidebar li a i {float: right;}
.menusidebar li:hover form, .menusidebar li:hover a {background: #303030;}
.menusidebar input[type="submit"] {color: white; padding: 10px 15px; border: 0; cursor: pointer; text-align: left; background: transparent; text-shadow: none; box-shadow: none; font-weight: 100;}

.menusidebar li:hover ul {display: block;}
.menusidebar li ul {display: none; position: absolute; left: 100%; top: 0; border-left: 1px solid #555; z-index: 99;}
.menusidebar li ul a {display: block; width: 150px; background: #333;}
.menusidebar li:hover ul a {background: #333;}
.menusidebar li:hover ul a:hover {background: #303030;}

.menusidebar li .notice {position: absolute; background: #a00; color: #fff; padding: 1px 5px; top: 8px; right: -6px; z-index: 2;}

.table_product {border: 1px solid #ddd; background: #fff; margin: 0 0 20px; width: 100%; margin-top: 20px;}
.table_product td, .table_product th {border: 1px solid #ddd; text-align: center; padding: 5px;}
.table_product th {background: #eee; font-size: 14px; font-weight: bold;}
.table_product .tcat {background: #f8f8f8}
.table_product td, .table_product td.tcat {background-position: center right; background-size: auto 20px; background-repeat: no-repeat;}
.table_product tr:hover td {background: #f5f5f5;}
.submitstatus {text-indent: -9999px;height: 16px;width: 16px;background-color: transparent!important;border: 0;cursor: pointer; background-repeat: no-repeat; padding: 0!important;}
.delimg {border: 1px solid #ddd;padding: 2px 8px;background: white;display: block;margin: 5px 0 0;}
.table_product td ul li {float: left;margin: 0 7px 0 0;}

.selectadmin {height: 30px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; padding: 0 20px 0 5px; border: 1px solid #aaa; border-radius: 0; background: #fff url(../images/arrow_select.png) right center no-repeat;}

.content h1 {margin-bottom: 20px;}
.content p {margin: 10px 0;}
.content {font-size: 16px; line-height: 2; padding-bottom: 20px; position: relative;}
.content .table_product td {padding: 10px;}
.content .table_product td[colspan="2"] {background: #057ab1; color: #fff;}
.content h2 {font-size: 20px; color: #057ab1; font-weight: normal; margin-bottom: 20px; border-bottom: 1px solid #ddd;}

.addimg {width: 100px;}
.addimg .file {width: 98px;border: 1px solid #ddd;overflow: hidden;background: #ddd;}
.addimg input[type="submit"] {width: 100px;margin: 2px 0;}
.addroom {width: 100%;}
.addroom input[type="file"] {padding: 5px; border: 1px solid #aaa; display: inline-block;}
.button.form, input[type="submit"], input[type="reset"] {color: white;background: #a00;border: 0;cursor: pointer; padding: 10px;}
.formxoa {display: inline-block;}
a.button {display: block;background: #a00;color: white;padding: 5px;}

.formquanly p, .formquanly div {overflow: hidden; margin: 0 0 5px 0;}
.formquanly i {}
.formquanly a {color: #999;}
.formquanly .textarea {margin: 10px 0;}
.formquanly textarea {width: 99%; height: 300px;}
.formquanly p label {display: block; overflow: hidden;}
.formquanly p label span {display: block; padding: 5px 0; float: left;}
.mceToolbar .mceIcon, .mceToolbar .mceAction {padding: 0;}
.formquanly input[type=password], .formquanly input[type=file], .formquanly input[type=date],.formquanly input[type=text], .formquanly select {float: right; width: 700px; border: 1px solid #aaa; padding: 5px;}
input[type=file] {display: inline-block;}
.formquanly select {width: 712px;}
.formquanly .file {background: #fff; border: 1px solid #aaa; float: right; width: 502px; padding: 5px; margin: 0}
.formquanly input[type=submit] {background: #a00; color: #fff; padding: 10px; float: right; min-width: 100px; border-radius: 3px;}
.formquanly input[type=submit]:hover {background: #555;}
.formquanly img {max-width: 500px; max-height: 400px;}
.formquanly .img_home {width: 700px; padding: 5px; border: 1px solid #aaa; float: right; height: 100px;}
select[multiple="multiple"] {width: 200px; height: 86px;}
#tinymce {min-width: 0; padding: 10px; background: #fff; text-align: justify; font-size: 12px;}
#tinymce > * {margin: 10px 0;}
#tinymce ul li, .featureWrapper ul li, .col.hocphi ul li {
	padding-left: 15px;
	margin: 5px 0;
}
#text_tbl {margin: 10px 0;}
#table_select {height: 150px;}

.ul_hidden {border-left: 1px solid #aaa; position: fixed; top: 0; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.ul_hidden li {display: table-cell; vertical-align: middle; background: #eee; color: #000; text-align: center; padding: 5px; border: 1px solid #aaa; border-left: 0; font-weight: bold; font-size: 14px;}

.selectcat li {display: inline-block; margin: 5px;}
.selectcat li a {display: block; padding: 10px; background: #c90000; color: #fff;}
.selectcat li a.current, .selectcat li a:hover {background: #a00;}

.info_website {float: left;}
.info_website .bold {width: 70px; display: inline-block;}
.infocontact_right {float: left;}

.grid225 {width: 225px; margin-right: 20px; margin-bottom: 20px; float: left;}

select[multiple="multiple"] {width: 700px; height: 300px; margin: 10px 0; display: inline-block; padding: 10px;}

.table_product.threepack {width: 32%;float: left;}

.bannerthanhtoan {margin-top: 20px;}
.bannerthanhtoan .title {padding-bottom: 10px; border-bottom: 1px solid #aaa; text-transform: uppercase; text-align: center; font-weight: bold;}
.bannerthanhtoan ul {text-align: center;}
.bannerthanhtoan ul li {display: inline-block; margin: 10px;}
.bannerthanhtoan ul li img {border: 1px solid #aaa; width: 100px; height: 55px; -webkit-filter: grayscale(100%);}
.bannerthanhtoan ul li img:hover { -webkit-filter: grayscale(0);}

.blockimgs {overflow: hidden;}
.blockimgs li {float: left; margin-right: 10px;}
.blockimgs li img {border: 1px solid #aaa; display: block;}

.deleteimg {background: url(../images/icon_delete.png) no-repeat center; height: 16px; display: block; text-indent: -9999px; border: 1px solid #aaa; padding: 5px 0; width: 26px; margin: 10px auto;}

.addnewimg {margin-top: 10px;}
.addnewimg input[type="file"] {border: 1px solid #aaa; padding: 5px; width: 514px;}
.addnewimg input[type="submit"] {float: right;}

.block_input {border-bottom: 1px solid #aaa;}

.exportarea {border: 1px solid #aaa; padding: 10px; border-radius: 4px; background: #eee; margin-top: 20px;}
.exportarea p {float: left; width: 70%; margin-right: 30px;}
.exportarea input {display: inline-block; padding: 5px; border: 1px solid #aaa; border-radius: 3px; margin-top: 5px; width: 90%; margin-right: 5px;}
.exportarea .exporttoexcel {display: block; width: 200px; height: 50px; background: url(../images/export_excel.png) center no-repeat; float: left; transition: 0.3s ease all; border: 0; text-indent: -9999px;}
.exporttoexcel:hover {-webkit-filter: brightness(1.2);}

/*#container_chart, #lastestorder {width: 49%; float: left; margin-right: 1%;}
#container_chart {margin-right: 0;}*/
#container_chart .container_chart {height: 400px;}

#container_chart, #lastestorder {float: left; width: 100%;}
#lastestorder {margin-right: 0; width: 50%;}

.container_chart {height: 300px;}

/**
 * FRONTEND STYLE
 */

* {line-height: 1.5;}

header {background: #fff url(../images/bg_top.png) left top repeat-x;}
footer {}
html, body {overflow-x: hidden; font-family: Arial, sans-serif;}
body {background: #fff;}
article {min-height: 600px;}

.borderfooter {height: 12px; background: url(../images/bg_top_big.png) repeat-x;}

.top {background: #2d2d2d; color: #fff; padding: 10px 0;}
.top a {color: #fff;}
.top .leftop {float: left; font-weight: bold; font-size: 11px;}
.top .leftop span {color: #b00;}
.top ul {float: right; margin-left: 30px;}
.top ul li {display: inline-block;}
.top ul li a {display: block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff;}
.top ul li:first-child a {border: 0;}

.logo {float: left; display: block; margin: 15px 0;}
.logo img {display: block;}
.companytext {position: absolute; font-weight: bold; top: 73px; left: 107px; background: #fff; padding: 5px;}

form.search {float: right; padding: 45px 0 0 0;}
form.search input[type="text"] {background: #fff url(../images/icon_search.png) right 10px center no-repeat; display: inline; width: 250px; box-sizing: border-box; padding: 6px 10px; border: 1px solid #aaa; border-radius: 50px;}
form.search input[type="submit"] {width: 25px; height: 25px; text-indent: -99999px; background: url(../images/icon_cart_black.png) center no-repeat; display: inline-block;}

.giohangtop {float: right; padding: 33px 0; background: url(../images/icon_cart_red.png) left center no-repeat; padding-left: 20px;}
.giohangtop a {color: #b00; font-weight: bold;}
.giohangtop a:hover {color: #f00;}

.giohangtop i, .giohangtop .text_bot {display: none;}

.mainmenu {background: url(../images/bg_mainmenu.png) left top repeat-x;}
.mainmenu ul {text-align: center;}
.mainmenu ul li {display: inline-block; position: relative;}
.mainmenu ul li a {display: block; height: 50px; padding: 13px 25px 0; margin: 0; color: #fff; font-size: 16px; text-transform: uppercase; box-sizing: border-box; position: relative;}
.mainmenu ul li a:before {position: absolute; content: " "; width: 6px; height: 7px; background: url(../images/phancach_mainmenu.png) no-repeat; top: 20px; right: -3px; display: block;}
.mainmenu ul li:last-child a:before {display: none;}
.mainmenu ul li.current a, .mainmenu ul li:hover a {color: #fdd503;}
.mainmenu ul li:hover a {}

.mainmenu ul ul {position: absolute; top: 100%; left: 0; z-index: 9999; background: url(../images/bg_footer.png); display: none; border: 1px solid #eee;}
.mainmenu ul li:hover ul {display: block;}
.mainmenu ul ul li {display: block; color: #fff;}
.mainmenu ul ul li a, .mainmenu ul li:hover ul li a {width: 200px; border: 0; text-align: left; text-transform: capitalize; font-size: 14px; height: auto; padding: 10px; transition: 0.3s ease all; margin: 0; border-bottom: 1px solid #eee;}
.mainmenu ul ul li:last-child > a, .mainmenu ul li:hover ul li:last-child > a {border: 0;}
.mainmenu ul ul li a:before {display: none;}
.mainmenu ul ul li i {position: absolute; top: 10px; right: 10px; font-size: 20px; transition: 0.3s ease all;}
.mainmenu ul ul li:hover > i {right: 5px;}
.mainmenu ul ul li:hover a, .mainmenu ul li:hover ul li:hover a {background: rgba(157,141,122,0.75);}

.mainmenu ul li:hover ul ul {left: 100%; top: -1px; display: none;}
.mainmenu ul ul li:hover ul {display: block;}
.mainmenu ul li:hover ul li:hover ul li a {background: url(../images/bg_footer.png);}
.mainmenu ul li:hover ul li:hover ul li:hover a {background: rgba(157,141,122,0.75);}

.mainmenu ul li:hover ul ul ul {display: none;}
.mainmenu ul li:hover ul ul li:hover ul {display: block;}
.mainmenu ul li:hover ul ul li:hover ul li {}
.mainmenu ul li:hover ul li:hover ul li:hover ul li a {background: transparent;}
.mainmenu ul li:hover ul li:hover ul li:hover ul li:hover a {background: rgba(157,141,122,0.75);}

.slider {padding-bottom: 12px; background: url(../images/shadow_slider.png) center bottom no-repeat; background-size: 100% auto; height: 480px; overflow: hidden; padding-bottom: 74px; margin-bottom: -20px;}

.nivo-directionNav {}
.nivo-prevNav, .nivo-nextNav {width: 22px; height: 40px; background: url(../images/arrow_slider.png) left center no-repeat; text-indent: -9999px; left: -40px; transition: 0.3s ease all;}
.nivo-nextNav {background-position: right center; left: auto; right: -40px;}

.slider:hover .nivo-prevNav {left: 10px;}
.slider:hover .nivo-nextNav {right: 10px;}

.nivo-controlNav {text-align: center; position: absolute; width: 100%; bottom: 80px; left: 0; z-index: 999;}
.nivo-controlNav a {display: inline-block; margin: 0 5px; width: 15px; height: 15px; background: url(../images/nav_slider.png) right center no-repeat; text-indent: -9999px;}
.nivo-controlNav a.active {background-position: left center;}

.language {float: right; height: 18px; vertical-align: middle; margin-top: 50px; margin-right: 10px;}
.language a {display: inline-block; padding-left: 20px; height: 18px; background: url(../images/flag.png) left 2px no-repeat; font-size: 12px; color: #000; -webkit-filter: grayscale(100%);}
.language a.en {background-position: 10px -15px; border-left: 1px solid #aaa; margin-left: 10px; padding-left: 30px;}
.language a.current, .language a:hover {color: #a00; -webkit-filter: grayscale(0);}

.bannertop {width: 980px;}
.bannertop img {display: inline-block; width: 310px; box-sizing: border-box; margin-right: 15px; height: 420px;}
.bannertop img:last-child {border: 0;}

.productcategory {margin: 30px 0; min-height: 100px;}
.productcategory h3.title {margin-bottom: 20px; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; background: url(../images/bg_top_big.png) center center repeat-x; text-align: center;}
.productcategory h3.title span {background: #fff; padding: 0 20px; color: #7b654c;}
.productcategory ul {width: 980px;}
.productcategory ul li {float: left; margin-right: 15px; margin-bottom: 15px; position: relative; width: 310px;}
.productcategory ul li img {width: 310px; height: 310px; margin-bottom: 10px;}
.productcategory ul li .image_pro_fly {position: absolute; top: 0px; left: 0px; z-index: -1;}
.productcategory ul li h4 {margin-bottom: 10px; font-size: 14px; color: #000; text-align: left; font-weight: normal; text-transform: uppercase;}
.productcategory ul li p {margin-bottom: 10px;}
.productcategory ul li p.price {font-size: 15px; font-weight: bold; display: none;}
.productcategory ul li p.price s {font-size: 12px; font-weight: normal;}
.productcategory ul li p.price span {color: #b00;}
.productcategory ul li a.addtocart {background: #c31212 url(../images/icon_cart_white.png) right center no-repeat; border: 1px solid #b00808; color: #fff; padding: 5px; border-radius: 3px; padding-right: 28px; -webkit-transition: 0.3s ease all;}
.productcategory ul li a.addtocart.check:hover {color: #000; background-position: right 4px top 2px!important;}
.productcategory ul li a.addtocart.check:hover:before {top: 3px; left: 4px; color: #fff;}
.productcategory ul li .badgehot {display: block; position: absolute; width: 51px; height: 50px; background: url(../images/badge_hot.png) no-repeat; top: 0; left: 0; z-index: 3;}
.productcategory ul li .brief {}
.productcategory ul li .idpro {font-weight: bold;}

.productcategory.productcategoryhome ul li .idpro, .productcategory.productcategoryhome ul li .brief {display: none;}
.productcategory.productcategoryhome ul li h4 {text-align: center;}

.productcategory ul li:hover img {-webkit-filter: brightness(1.1); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.productcategory ul li:hover h4 {color: #d00;}
.productcategory ul li:hover .badgehot {}

.productcategory ul.category {}
.productcategory ul.category li {}
.productcategory ul.category li img {widows: 310px; height: 421px;}

.page_nav {margin: 10px auto; text-align: center; width: 100%;}
.page_nav li {display: inline-block; margin-right: 10px; width: auto; float: none;}
.page_nav li span, .page_nav li a {display: block; padding: 5px 10px; border: 1px solid #aaa; border-radius: 3px;}
.page_nav li span {background: url(../images/bg_button.png) center; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.page_nav li a:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.page_nav li.current a {}

.banner_page {width: 960px; height: 330px; margin: 0 0 20px; background: #fff;}

.desc_cat {margin-bottom: 30px;}

.subcategory {margin-bottom: 30px;}
.subcategory li {display: inline-block;}
.subcategory li a {display: block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #000; text-transform: uppercase;}
.subcategory li.current a {font-weight: bold; color: #9d8d7a;}
.subcategory li:last-child a {border: 0;}

.subcategory.subcategorysub {margin-top: -15px;}
.subcategory.subcategorysub li {background: #9d8d7a;}
.subcategory.subcategorysub li a {color: #fff; border-color: #fff; padding: 5px 10px;}
.subcategory.subcategorysub li.current a {font-weight: normal; color: #ff0;}

.productsincategory {margin-bottom: 30px;}
.productsincategory li, .productsincategory li img {width: 220px; height: 220px; display: block;}
.productsincategory li {float: left; margin: 0; position: relative; transition: 0.3s ease all; transform: scale(1,1); box-sizing: border-box; background: #fff; margin: 10px;}
.productsincategory li h4 {position: absolute; background: rgba(0,0,0,0.4); color: #fff; padding: 5px; left: 0; bottom: 0; width: 100%; box-sizing: border-box;}
.productsincategory li .brief, .productsincategory li .idpro {display: none;}
.productsincategory li img {transition: 0.3s ease all; width: 100%; height: auto;}
.productsincategory li:hover img {-webkit-filter: brightness(1.2);}
.productsincategory li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.8);}

.quickoverview .addtocart {background: #c31212 url(../images/icon_cart_white.png) right 18px center no-repeat; border: 1px solid #b00808; color: #fff; padding-top: 5px; padding-left: 30px; margin-top: 20px; cursor: pointer; display: inline-block; -webkit-transition: 0.3s ease all; vertical-align: bottom; margin-left: -20px; width: 185px; box-sizing: border-box; height: 42px; font-size: 20px;}
.quickoverview .addtocart:hover {background-image: url(../images/check.png)!important;}

.quickoverview .image_pro_fly {position: absolute; top: 20px; left: 20px; width: 300px; height: 300px; z-index: -1; border: 1px solid #aaa;}

.addtocart {overflow: hidden; position: relative; display: none!important;}
.addtocart.check {background-image: url(../images/check.png)!important; background-color: #00adef!important; border: 1px solid #00adef!important; background-position: right -5px center!important;}
.addtocart.check:before {display: none; content: "Xóa khỏi giỏ"; position: absolute; top: 0; left: 0; text-indent: 0;}
.addtocart.check:hover {text-indent: -200px; background: #000 url(../images/icon_delete_white.png) right 10px center no-repeat !important; border: 1px solid #000!important;}
.addtocart.check:hover:before {display: block; left: 25px; top: 5px;}

hr.phancach {border: 0; border-top: 1px solid #aaa; margin: 20px 0;}

.quantity_input_wrap, .cart_quantity_button {display: inline-block; position: relative; vertical-align: middle; padding-right: 20px;}
.product_quantity_up, .product_quantity_down {display: block; width: 20px; height: 20px; line-height: 18px; background: #ffffff; border: 1px solid #ccc; border-left: 0; text-align: center; position: absolute; right: -1px; top: 0;}
#quantity_wanted_p {display: inline-block; display: none;}
#quantity_wanted_p input, .cart_quantity .cart_quantity_input {border: 1px solid #ccc; width: 40px; height: 40px; line-height: 28px; padding: 0 4px; text-align: center;}
.product_quantity_down {top: 20px;}

.contentpageleft .productcategory ul.notcarousel {width: 635px;}
.contentpageleft .productcategory ul li {margin-right: 35px;}

.productcategory .jcarousel-clip {overflow: hidden;}
.productcategory .jcarousel-prev, .productcategory .jcarousel-next {width: 42px; height: 42px; background: url(../images/arrow_jcarousel.png) right center no-repeat; position: absolute; top: 140px; right: -52px; display: block; cursor: pointer;}
.productcategory .jcarousel-prev {left: -52px; background-position: left center; right: auto;}

.bannerbot {margin-top: 20px;}
.bannerbot img {display: inline-block; margin-right: 10px; width: 347px; height: 245px; vertical-align: top;}
.bannerbot .fb-like-box {display: inline-block; vertical-align: top;}

.blocksidebar .fb-like-box {width: 300px; box-sizing: border-box; margin-bottom: 20px; border-radius: 3px; height: 320px;}

.blocksidebar.titlefacebook {border: 1px solid #bbb; background: url(../images/title_facebook.jpg) center top no-repeat; padding-top: 30px; margin-bottom: 30px;}

.producthot {}
.producthot ul {}
.producthot ul li img {width: 100px; height: 100px; float: left; margin: 0 20px 0 0;}
.producthot ul li .image_pro_fly {display: none;}
.producthot ul li .price {display: none;}
.producthot ul li p {display: none;}
.producthot ul li h4 {float: left; width: 100px;}
.producthot ul li .addtocart {}

.blockrightsidebar .productcategory ul li, .blockrightsidebar .productcategory .jcarousel-clip {height: 282px;}
.blockrightsidebar .productcategory .jcarousel-prev, .blockrightsidebar .productcategory .jcarousel-next {right: 30px; -webkit-filter: invert(100%); top: -49px;}
.blockrightsidebar .productcategory .jcarousel-prev {left: 30px;}
.blockrightsidebar .productcategory ul {width: 100%; padding: 0;}
.blockrightsidebar .productcategory ul li {float: none; margin: 0; margin-bottom: 10px; padding: 0 10px; width: 100%; text-align: center; box-sizing: border-box;}
.blockrightsidebar .productcategory ul li img {float: none; margin: 0; top: 0;}
.blockrightsidebar .productcategory ul li img.image_pro_fly {left: 61px;}
.blockrightsidebar .productcategory ul li h4 {margin: 0;}
.blockrightsidebar .productcategory ul li p {margin: 0;}
.blockrightsidebar .productcategory ul li p.price {margin: 0 0 10px; display: none;}
.blockrightsidebar .productcategory ul li a {padding: 0;}
.blockrightsidebar .productcategory ul li a.addtocart {width: 80px; margin: 0 auto; padding: 5px; padding-right: 28px;}
.blockrightsidebar .productcategory ul li a.addtocart:hover {color: #fff;}
.blockrightsidebar .productcategory ul li a.addtocart.check:hover {background-position: right 4px top 5px!important}
.blockrightsidebar .productcategory ul li a.addtocart.check:hover:before {top: 5px; left: 13px;}
.blockrightsidebar .productcategory ul li .badgehot {top: -1px; left: 60px;}

.topfooter {background: url(../images/bg_footer.png); padding-top: 25px; border-top: 1px solid #000; color: #afa38a; padding-bottom: 25px;}
.topfooter a {color: #eadbbb;}
.topfooter a:hover {color: #fff;}
.blockfooter {float: left; width: 25%; box-sizing: border-box; padding-left: 2%;}
.blockfooter .imghotro {}
.blockfooter .imghotro img {width: 80px; display: inline-block; vertical-align: bottom; margin-left: 20px;}
.blockfooter .pgiaohang {width: 90px; float: left;}
.blockfooter h3 {text-transform: uppercase; margin-bottom: 25px; font-size: 14px; color: #fffae4;}
.blockfooter ul {}
.blockfooter ul li {margin-bottom: 5px;}
.blockfooter ul li a {}
.icongiaohang {float: left; margin-right: 20px;}

.socialfooter {margin-top: 20px;}
.socialfooter li {display: inline-block; margin-right: 5px;}
.socialfooter li a {display: block; width: 31px; height: 31px; background: url(../images/icon_social.png) left center no-repeat; opacity: 0.6;}
.socialfooter li a:hover {opacity: 1;}
.socialfooter li.facebook a {}
.socialfooter li.twitter a {background-position: -38px 0;}
.socialfooter li.youtube a {background-position: -79px 0;}

.newsfooter {}
.newsfooter li {clear: both; margin-bottom: 20px; display: inline-block; width: 100%;}
.newsfooter li img {background: #a19680; padding: 3px; float: left; margin-right: 10px;}
.newsfooter li h4 {margin-top: -4px;}
.newsfooter li p {float: left; width: 150px;}

.blockfooter.footermenu {padding-left: 80px;}
.blockfooter.footermenu h3 {}
.blockfooter.footermenu ul {}

.blockquote {font-style: italic;}
.blockquote p {text-align: right; font-style: normal; margin-top: 5px;}

.copyright {background: url(../images/bg_copyright.png); padding: 10px 0; color: #fffae4; box-shadow: 0 0 1px #000;}
.copyright a {color: #eadbbb;}
.copyright a:hover {color: #fff;}
.copyrightleft {display: inline-block; height: 25px; padding-top: 4px; box-sizing: border-box;}
.copyrightright {float: right;}
.copyrightright .luottruycap, .copyrightright .dangtruycap {background: url(../images/icon_online.png) left top no-repeat; padding-left: 30px; display: inline-block; height: 25px; vertical-align: top; padding-top: 4px; box-sizing: border-box;}
.copyrightright .luottruycap {background-position: left bottom; margin-left: 20px;}

.breadcrumb {margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; background: url(../images/bg_top.png) left bottom repeat-x;}
.breadcrumb li {display: inline-block; margin: 0 5px;}
.breadcrumb a, .breadcrumb span {display: block;}
.breadcrumb .paddingright10 {padding-right: 10px;}
.breadcrumb .paddingleft10 {padding-left: 10px;}
.breadcrumb span {color: #555;}
.breadcrumb a:first-child {margin-left: 0;}

.image_pro {height: 250px; margin-bottom: 20px; width: 100%; background: #fff;}

div[style="position: absolute; left: 10px; bottom: 40px; z-index: 100000; visibility: visible; display: block; color: rgb(255, 255, 255); text-shadow: none; font-family: sans-serif; font-size: 10px; font-weight: bold; padding: 2px; border: 1px solid rgb(68, 0, 0); background-color: rgb(221, 0, 0);"] {display: none!important;}

.imagesdiv {overflow: hidden; width: 386px; margin: 10px auto 20px;}

.imagerea {float: left; width: 460px; position: relative;}
.imagerea .displayTable {display: table; width: 100%; position: relative;}
.imagerea .displayTableCell {display: table-cell; vertical-align: middle; height: 400px; width: 100%; text-align: center; background: #000;}

#image_color_replace {width: 100%; position: absolute; top: 0; left: 0; height: 100%;}

.imagerea .cloudzoom {width: 100%; max-height: 400px; background: #eee; display: table-cell; vertical-align: middle;}
.imagerea .thumb {margin: 10px -5px; overflow: hidden;}
.imagerea .thumb {}
.imagerea .thumb .col-3 {width: 33.3333333%; padding: 0 5px; float: left; box-sizing: border-box; margin-bottom: 10px;}
.imagerea .thumb .col-3 .displayTableCell {height: 100px;}
.imagerea .thumb img {display: block; width: 100%; max-height: 100%; cursor: pointer;}
body .cloudzoom-lens {cursor: -webkit-zoom-in;  cursor: zoom-in;}

/*.cloudzoom-zoom-inside, .imagerea .cloudzoom {border: 1px solid #aaa;}*/
/*.cloudzoom-lens {cursor: -webkit-zoom-in; -moz-zoom-in;}*/
/*.cloudzoom-zoom {width: 400px!important; height: 400px!important;}*/
/*.imagerea .attachment-post-thumbnail {width: 450px; height: auto;}*/
/*.images {text-align: center; margin-top: 20px; position: relative; transition: 0.3s ease all;}*/
/*.images {display: inline-block; margin: 0 5px;}*/
/*.images a {display: inline-block;}*/
/*.images img {width: 118px; height: 118px; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,0.2); margin: 0 5px; display: block;}*/
/*.imagesdiv .jcarousel-clip {overflow: hidden; width: 300px;}*/

/*#zoomgallery {display: block; position: absolute; border: 1px solid #aaa; padding: 10px; width: 50px; text-align: center; background: #fff; box-sizing: border-box; top: 10px; left: 10px; border-radius: 5px; cursor: pointer;}*/

/*.imagerea .arrow {width: 300px;}*/

.arrow {position: absolute; bottom: 100px; width: 450px;}
.arrow a {display: block; width: 11px; height: 20px; background: url(../images/arrow_slider_black.png) left top no-repeat; position: absolute; left: 5px; background-size: 200% 100%}
.arrow a:hover {background-position: left bottom;}
.arrow a.arrow_right {right: 5px; background-position: right top; left: auto;}
.arrow a.arrow_right:hover {background-position: right bottom;}

.infoproductarea {float: right; width: 480px; line-height: 1.5;}
.infoproductarea h1 {font-size: 22px; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #aaa; margin-bottom: 20px;}
.infoproductarea p {line-height: 1.5;}

.social {margin: 0 0 20px;}
.social #___plusone_0, .social .twitter-share-button, .social .fb_iframe_widget {display: inline-block; vertical-align: bottom!important;}
.social #___plusone_0 {width: 50px!important;}
.social #twitter-widget-0 {width: 80px!important;}
.social .fb_iframe_widget {margin-right: 10px;}
.twitter-share-button {display: inline-block;}

.infoproductarea .price {font-size: 24px; margin: 10px 0; color: #b00; font-weight: bold; display: none;}
.infoproductarea .price s {font-size: 12px;}

.sku {margin-bottom: 15px; border-bottom: 1px solid #aaa; padding-bottom: 10px;}
.sku span {margin-right: 20px; display: inline-block;}
.sku span.red {border-right: 1px solid #aaa; padding-right: 20px;}

.tietkiem {margin-top: -10px; margin-bottom: 20px;}
.tietkiem span {font-weight: bold;}

.quickoverview {margin-bottom: 25px; line-height: 1.5;}
.quickoverview p {line-height: 1.5; margin: 0 0 10px 0;}
.quickoverview strong {font-weight: normal; font-size: 18px; margin-bottom: 10px; display: block;}

.detail {}
.detail ul {margin-left: 20px;}
.detail ul li {list-style: disc;}
.detail ul ul li {list-style: circle;}

.mshc {}
.mshc ul {}
.mshc ul li {display: inline-block; margin-right: 5px;}

.color_pro {display: inline-block; width: 30px; height: 30px; border: 1px solid #aaa; box-sizing: border-box; margin-right: 5px;}
.color_pro.current {border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);}

.imagegalleryzoom {position: absolute; top: 58px; left: 0; width: 460px; height: 460px; display: none;}
.zoomContainer:nth-child(11) {display: none;}

#colortitle {color: #999;}

.productdescription {margin: 20px 0 30px 0;}
.productdescription ul {border: 1px solid #aaa;}
.productdescription ul li {display: inline-block; transition: 0.3s ease all;}
.productdescription ul li.active a, .productdescription ul li.active:hover a {background: url(../images/bg_button.png); color: #fff; text-shadow: 1px 1px 0 #777;}
.productdescription ul li:hover a {color: #555;}
.productdescription ul li a {padding: 10px; display: block; color: #000; text-shadow: 1px 1px 0 #eee; font-size: 14px; font-weight: bold; position: relative;}
/*.productdescription ul li a:before {content: " "; display: block; position: absolute; border: 8px solid #a00; border-color: transparent transparent #a00 transparent; bottom: 0; margin-left: 50%; left: -8px; opacity: 0;}*/
/*.productdescription ul li.active a:before, .productdescription ul li.active:hover a:before {opacity: 1;}*/

.description {border: 1px solid #aaa; display: none; padding-top: 10px; border-top: 0; padding: 20px;}
.description p {line-height: 1.5; margin: 0 0 10px 0;}
.description .logo_designer {float: left; margin-right: 0px; width: 150px; margin: 0 10px 10px 0; padding: 50px 20px;}
.description .info_designer {text-align: justify; text-align: justify;}
.description .info_designer p {text-align: justify;}
#tag {padding-top: 20px;}

#formdanhgia {display: none; margin-top: 10px; position: relative;}
#formdanhgia p {}
#formdanhgia p label {}
#formdanhgia p label span {display: inline-block; width: 150px; vertical-align: middle;}
#formdanhgia p.noidung label span {vertical-align: top;}
#formdanhgia p label input, #formdanhgia p label select {display: inline-block; vertical-align: middle; width: 350px; box-sizing: border-box;}
#formdanhgia p label input[type="submit"], #formdanhgia p label input[type="text"] {padding: 5px 10px; background: #fff; border: 1px solid #aaa;}
#formdanhgia p label input[type="submit"] {background: #000; border-color: #000; border-radius: 3px;}
#formdanhgia p.xacnhan label input[type="text"] {width: 190px;}
#formdanhgia p.xacnhan img {display: inline-block; vertical-align: middle; margin-left: 7px; height: 28px; width: 150px;}
#formdanhgia textarea {box-sizing: border-box; width: 353px; max-width: 350px; height: 150px; max-height: 200px; display: inline-block; padding: 10px; border: 1px solid #aaa;}
#formdanhgia .message {padding: 5px 10px;}

#vietdanhgia {padding: 10px; border-radius: 3px;}

#cacdanhgia {}
#cacdanhgia ul {border: 0;}
#cacdanhgia ul li {padding: 9px; border: 1px solid #aaa; border-radius: 3px; margin-top: 10px; overflow: hidden; position: relative;}
#cacdanhgia ul li img {width: 50px; height: 50px; float: left; margin-right: 10px;}
#cacdanhgia ul li .danhgiamessage, #cacdanhgia ul li .fullname {float: right; width: 518px;}
#cacdanhgia ul li .fullname {font-weight: bold; font-size: 14px; margin-bottom: 10px;}
#cacdanhgia ul li p {margin: 0;}
#cacdanhgia ul li .fullname i {font-size: 12px; font-weight: normal;}
#cacdanhgia ul li .fullname span i {color: #FFBF00; display: inline-block; margin-right: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
#cacdanhgia ul li .danhgiamessage {}
#cacdanhgia ul li .danhgiamessage .subject {font-weight: bold; margin-bottom: 5px;}
#cacdanhgia ul li .thunhophongtodanhgia {display: block; position: absolute; bottom: -1px; right: -1px; background: #bbb; border: 1px solid #aaa; box-sizing: border-box; width: 
20px; height: 20px; text-align: center; padding-top: 1px; cursor: pointer; border-radius: 0 0 3px 0;}
#cacdanhgia ul li .thunhophongtodanhgia:hover {background: #eee;}

.review_score {color: #FFBF00; display: none;}
.review_score i {display: inline-block; margin-right: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.review_score span {color: #000;}

.contentpageleft {width: 640px; float: left; position: relative;}
.sidebarright {width: 300px; float: right;}

.bannersidebar {margin: 30px 0;}

.blockrightsidebar {background-image: #fff; border-radius: 3px; margin-bottom: 20px;}
.blockrightsidebar .title {padding: 5px; font-size: 18px; margin-bottom: 10px; text-align: left; btext-transform: uppercase; height: 40px; box-sizing: border-box; padding-top: 10px; text-transform: uppercase;}
.blockrightsidebar .title {}
.blockrightsidebar ul {}
.blockrightsidebar ul li {margin: 0;}
.blockrightsidebar ul li a {display: block; padding: 5px; margin: 0; overflow: hidden; color: #000; font-weight: normal;}
.blockrightsidebar ul li:last-child a {border: 0;}
.blockrightsidebar ul li img {float: left; margin-right: 5px; position: relative; top: 4px;}
.blockrightsidebar ul li a:hover {color: #a00;}
.menusidebarfe li {clear: both;}
.menusidebarfe li a {border-bottom: 1px solid #aaa; padding: 10px; display: block;}
.menusidebarfe li a:hover {color: #cc0100;}
.menusidebarfe li ul li a {padding-left: 30px;}
.menusidebarfe li ul.sub {margin: 0;}

.blockrightsidebar.danhmucsanpham {background: #eee; border-radius: 3px;}
.blockrightsidebar.danhmucsanpham .title {color: #fff; font-size: 16px; line-height: 1; text-align: center; margin-bottom: 10px; background: url(../images/bg_footer.png) bottom; padding-top: 13px;}
.blockrightsidebar.danhmucsanpham ul {padding: 0 10px 10px;}
.blockrightsidebar.danhmucsanpham ul a {color: #000; display: block; background: url(../images/list_style.png) left center no-repeat; padding-left: 17px; padding: 5px 0 5px 16px; line-height: 1;}
.blockrightsidebar.danhmucsanpham ul li:hover a {color: #7b654c;}
.blockrightsidebar.danhmucsanpham ul ul {padding: 0; padding-left: 18px;}
.blockrightsidebar.danhmucsanpham ul li:hover ul a {color: #000;}
.blockrightsidebar.danhmucsanpham ul li:hover ul li:hover a {color: #7b654c;}
.blockrightsidebar.danhmucsanpham ul ul a {background-image: url(../images/list_style1.png);}
.blockrightsidebar.danhmucsanpham ul ul li:last-child a {border: 0;}

.blockrightsidebar.titlecategory {}
.blockrightsidebar.titlecategory ul {border-bottom: 1px solid #aaa;}
.blockrightsidebar.titlecategory ul li {text-transform: uppercase; font-size: 16px; border-top: 1px solid #aaa;}
.blockrightsidebar.titlecategory ul li a {padding: 10px 0;}

.blockrightsidebar.sanphambanchay {background: #fff;}

.lastpostsidebar li img {float: left; margin-right: 10px;}
.lastpostsidebar li {margin-bottom: 20px;}
.lastpostsidebar li:last-child {border: 0;}

.imageleft {float: left; margin-right: 20px;}

.contentpage {background: #fff; margin-top: 20px;}
.contentpage, .contentpageleft {margin-bottom: 30px; box-sizing: border-box;}
.contentpage p, .contentpageleft p {line-height: 1.5; text-align: justify;}
.contentpage p, .contentpageleft p {margin-bottom: 10px;}
.contentpage p[align="center"], .contentpageleft p[align="center"] {text-align: center;}

.contentpageleft {background: #fff;}
.contentpageleft .firstimage {width: 100%; height: 200px; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #ddd;}
.contentpageleft .social {margin-bottom: 10px; height: 20px;}
.contentpageleft .social_bottom {border-top: 1px solid #aaa; min-height: 80px; padding-top: 10px; margin-top: 30px;}
.contentpageleft .social_bottom .fb-like {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #aaa;}

.contentpage table {}
.contentpage table td {border: 1px solid #ddd; padding: 5px; text-align: center;}
.contentpage .social_bottom {border-top: 1px solid #aaa; min-height: 80px; padding-top: 10px; margin-top: 30px;}
.contentpage .social_bottom .fb-like {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #aaa;}

.category_content {}
.category_content li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee; height: 200px;}
.category_content li img {float: left; margin-right: 20px; display: block; width: 300px; height: 200px; box-sizing: border-box; border: 1px solid #aaa; padding: 2px;}
.category_content li a {}
.category_content li a.readmore {background: url(../images/bg_button.png); display: inline-block; padding: 10px 20px; color: #fff; text-transform: uppercase;}
.category_content li a.readmore:hover {-webkit-filter: grayscale(100%);}
.category_content li h3 {font-size: 14px; margin-bottom: 10px;}
.category_content li .brief {}

h1.title {font-weight: normal; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; text-align: left;}
h1.title.titlehaveborder {margin-bottom: 20px; padding-bottom: 10px; background: url(../images/phancach.png) left bottom repeat-x;}

.gotop {position: fixed; bottom: 235px; margin-right: 50%; right: -532px; z-index: 9; width: 40px; height: 80px; background: #fff; border: 1px solid #aaa; display: none;}
.gotop a {display: block; width: 40px; height: 40px; padding: 2px; box-sizing: border-box; color: #fff; text-align: center;}
.gotop a img {width: 36px; height: 36px;}
.gotop a.giohang {background: url(../images/bg_mainmenu.png) left top repeat-x; font-size: 20px; padding-top: 5px; position: relative;}
.gotop a.giohang .text_top {display: none;}
.gotop a.giohang .text_bot {display: block; width: 16px; height: 16px; font-size: 10px; background: url(../images/bg_mainmenu_current.png); color: #fff; position: absolute; top: 12px; right: -10px; border: 1px solid #000; text-align: center; border-radius: 3px;}

.tablegiohang {width: 100%;}
.tablegiohang thead td {text-align: center; background: #eee; border-color: #999; font-weight: bold; padding: 10px 5px;}
.tablegiohang tbody td {position: relative;}
.tablegiohang tbody tr:hover td {background: #f6f6f6;}
.tablegiohang tr.bottom td, .tablegiohang tr.bottom:hover td {background: #eee;}
.tablegiohang tr.done td, .tablegiohang tr.done:hover td {background: #ff0;}
.tablegiohang td {border: 1px solid #aaa; padding: 5px; font-size: 12px;}
.tablegiohang td label {font-weight: bold;}
.tablegiohang td ul {margin-top: 5px;}
.tablegiohang td ul li {list-style: disc; margin-left: 20px;}
.tablegiohang p {margin: 2px 0;}
.tablegiohang .imagepro {box-sizing: border-box; width: 50px; height: 50px; margin: 0;}

.tablegiohang td .ul_bank {width: 100%;}
.tablegiohang td .ul_bank li {display: inline-block; width: 50%; box-sizing: border-box; margin: 0; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}

.spansoluong {display: inline-block; width: 28px; text-align: center;}
.soluong_tang, .soluong_giam {display: block; width: 9px; position: absolute; top: 1px; right: 1px; cursor: pointer; padding: 4px 8px; border: 1px solid #aaa; background: #fff; text-align: center; color: #f00;}
.soluong_tang:hover, .soluong_giam:hover {opacity: 0.5;}
.soluong_giam {bottom: 1px; top: auto;}
.tablegiohang .delete_pro_in_cart {display: block; width: 12px; height: 12px; margin: 0 auto; cursor: pointer;}
.tablegiohang .delete_pro_in_cart:hover {opacity: 0.5;}

.loadingcart {margin: 0 auto!important; padding: 0!important; opacity: 0;}

.content .title {background-image: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#a00)); padding: 5px; color: #fff; margin: 0 0 20px;}
.content .title.borderradius {border-radius: 3px; padding: 10px 10px 10px 20px; margin: 0 0 20px; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 0 #500;}
.content .fontsize13 {font-size: 13px;}

.formdathang {position: relative; background: url(../images/register_icon.jpg) right 60px center no-repeat; background-size: auto 100%;}
.formdathang .mask {background: transparent; width: 620px; height: 150px; position: absolute; top: 0; left: 0px; z-index: 2;}
.formdathang p {position: relative;}
.formdathang p .alert {display: block; background: #a00; color: #fff; position: absolute; width: 335px; right: 0; padding: 5px; top: 2px; font-size: 10px; display: none;}
.formdathang label {display: inline-block; position: relative;}
.formdathang label input {display: inline-block; vertical-align: top; height: 30px; box-sizing: border-box; padding: 5px; width: 478px; border-radius: 3px; background: #eee; border: 1px solid #ddd;}
.formdathang label textarea {display: inline-block; vertical-align: top; height: 30px; box-sizing: border-box; padding: 5px; width: 478px; border-radius: 3px; background: #eee; border: 1px solid #ddd; height: 100px; max-height: 200px; max-width: 478px;}
.formdathang label span {display: inline-block; vertical-align: top; height: 30px; box-sizing: border-box; padding-top: 5px; position: relative; width: 120px;}
.formdathang p i {color: #f00; font-size: 8px; position: absolute; top: 8px; right: -10px;}

.button.buttondathang {display: inline-block; margin-top: 20px; padding: 10px; border-radius: 3px; background: #a00; margin-right: 5px;}
.button.buttondathang:hover {background: #a00;}
#huydonhang {background: #000;}
#huydonhang:hover {background: #666;}

.infocompany {font-weight: bold; background: url(../images/logo_bepstore.png) right center no-repeat; margin-bottom: 20px;}

.info_website {float: left;}
.info_website .bold {width: 70px; display: inline-block;}
.infocontact_right {float: left;}

.contactcontent {}
.contactcontent h1 {text-transform: uppercase; font-weight: normal; margin-bottom: 20px;}
.image_contact {float: left; padding: 20px 50px 10px 50px; margin: 0 0 50px 0; width: 200px;}

.contactcontent ul {margin-bottom: 10px;}
/*.contactcontent ul li {float: left; padding-left: 30px; background: url(../images/icon_lienhe.png) left top no-repeat; width: 270px; margin-bottom: 10px;}*/
/*.contactcontent ul li .phone {font-weight: bold;}*/

.contactcontent form {float: left; width: 460px;}
.contactcontent form h6 {margin-bottom: 30px;}
.contactcontent form p {margin-bottom: 20px;}
.contactcontent form .message p {margin: 0;}
.contactcontent form label {}
.contactcontent form span {display: inline-block; padding: 5px 0; width: 100px;}
.contactcontent input[type="text"] {background: url(../images/bg_input.png) left top repeat-x; border: 1px solid #d9d9d9; border-radius: 3px; padding: 10px 20px; display: inline; width: 318px;}
.contactcontent input[type="submit"], .contactcontent input[type="reset"] {border: 1px solid transparent; background: url(../images/bg_button.png) top left repeat-x; border-radius: 3px; float: right; font-weight: bold; margin-left: 10px; text-shadow: 1px 1px #000; padding: 10px 20px;}
.contactcontent input[type="submit"]:hover, .contactcontent input[type="reset"]:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
.contactcontent #sendcontact {}
.contactcontent #back {-webkit-filter: grayscale(100%);}
#map_canvas {float: right; width: 480px; height: 315px; border: 2px solid #aaa;}

#dangnhap, #dangky {width: 400px;}
.titledangky {font-size: 14px; border-bottom: 2px solid #a00; margin-bottom: 10px; padding-bottom: 10px; color: #a00; text-transform: uppercase;}

.thongtindangkyarea {padding: 10px; border: 1px solid #aaa; margin: 0 auto 0;}
.thongtindangkyarea p {margin: 10px 0 0;}
.thongtindangkyarea span {display: inline-block; width: 150px;}
.thongtindangkyarea label input {padding: 5px; border: 1px solid #aaa; border-radius: 3px; width: 216px;}
.thongtindangkyarea label input[type="submit"] {width: 228px; border: 0;}
.thongtindangkyarea label input[name="captchashow"] {background: #aaa; font-weight: bold; text-align: center; color: #fff;}
.thongtindangkyarea .message {margin-bottom: 0; padding: 5px; text-align: center;}

.closebutton, .fancybox-close {top: 10px!important; right: 10px!important; background: url(../images/close_button.png)!important; width: 20px; height: 20px; background-size: 100% 100%!important; transition: 0.3s ease all;}
.closebutton:hover, .fancybox-close:hover {-webkit-transform: rotate(-90deg);}
.closebutton {display: block; position: absolute;}

.userinfo, .changepassword {padding-bottom: 10px; border-bottom: 1px solid #aaa; margin-bottom: 10px;}
.userinfo input[disabled] {font-weight: bold; color: #a00;}
.userinfo p, .changepassword p {margin: 5px 0;}
.userinfo span, .changepassword span {display: inline-block; width: 150px;}
.changepassword label {}
.userinfo input[type="text"], .changepassword input[type="password"] {padding: 5px 10px; width: 300px;}

.userinfo .infoleft {float: left; width: 400px;}
.userinfo .inforight {float: left; width: 176px; border-left: 1px dashed #aaa; margin-left: 10px; padding-left: 10px;}
.userinfo .inforight p {text-align: center;}
.userinfo input[type="text"] {width: 220px;}
.userinfo input[type="file"] {padding: 5px; border: 1px solid #aaa; width: 100%; box-sizing: border-box;}
.userinfo select {padding: 5px 10px;}
.infoavatar {padding: 5px; border: 1px solid #aaa; margin-bottom: 10px; width: 100px; height: 100px;}

.threeblockhome {}
.blockthree, .blocktwo {width: 310px; margin-right: 15px; background: url(../images/bg_top_big.png) left top repeat-x; padding: 25px 0 30px; float: left;}
.blockthree .title, .blocktwo .title {font-weight: normal; font-size: 20px; color: #7b654c; margin-bottom: 20px;}
.blocktwo {width: 465px; margin-right: 30px;}

.eventhome {}
.eventhome li {padding-left: 20px; background: url(../images/icon_list_.png) left center no-repeat; margin-bottom: 10px;}
.eventhome li a {color: #000; text-decoration: underline;}

.openhours {}
.openhours li {padding-left: 10px; margin-bottom: 10px;}
.openhours li.fontsize18 {font-size: 18px; color: #7b654c;}
.openhours li.fontsize18 span {color: #000;}

.uppercase {text-transform: uppercase;}

.newsletter {background: url(../images/bg_newsletter.png) center top no-repeat; min-height: 120px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 0 0; text-align: center;}
.newsletter span {font-size: 18px; text-transform: uppercase; color: #7b654c; margin-right: 30px;}
.newsletter input {padding: 10px; background: #fffae4; border: 1px solid #bfb092; width: 200px; margin-right: 10px;}
.newsletter input[type="submit"] {background: url(../images/bg_button.png); width: 100px; color: #fff;}

.formlogin {width: 400px; display: block; margin: 30px auto;}
.formlogin.formregister {margin: 30px 0;}
.formlogin p {margin: 0 0 10px;}
.formlogin p label {}
.formlogin p span {display: inline-block; width: 130px;}
.formlogin p span.red {width: auto;}
.captcha input, .formlogin p input {padding: 5px; width: 250px; border-radius: 3px; border: 1px solid #aaa;}
.captcha input:focus, .formlogin p input:focus {border-color: #f00;}
.formlogin input[type="submit"] {float: right; margin-left: 10px; padding: 10px 20px; background: url(../images/bg_button.png); text-transform: uppercase; text-shadow: 1px 1px #000; font-weight: bold; -webkit-filter: grayscale(100%);}
.formlogin input[type="submit"].registerbutton {-webkit-filter: grayscale(0);}

.captcha {margin-bottom: 10px;}
.captcha p {margin-left: 130px; font-weight: bold;}
.captcha img {display: inline-block; margin-left: 130px; width: 165px;}
/*#change-image {margin-left: 130px;}*/
.captcha input {width: 80px; float: right; margin-top: 10px;}

.catalogs {margin: 30px 0;}
.catalogs li {width: 240px; display: inline-block; text-align: center; margin-bottom: 10px;}
.catalogs li h4 {text-transform: uppercase; font-size: 18px; color: #000; font-weight: normal;}
.catalogs li img {display: block; margin: 10px auto;}
.catalogs li img.iconpdf {margin-bottom: 20px; transition: 0.3s ease all;}
.catalogs li:hover img.iconpdf {-webkit-transform: scale(1.1,1.1);}

.downloading {margin: 20px auto; width: 500px; background: #eee; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.6);}
.downloading span {display: block; height: 20px; background: #a00; -webkit-animation: 2s downloading;}

#blocklich {height: 259px;}
.blocklich {box-sizing: border-box;}
.blocklich table {width: 100%;}
.blocklich table thead {}
.blocklich table thead tr {}
.blocklich table thead tr td, .blocklich table tbody tr td {border: 1px solid #aaa; background: #eee; padding: 10px; text-align: center; height: 30px;}
.blocklich table thead tr#tuan td {background: #fff;}
.blocklich table tbody tr td a {display: block; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; padding-top: 5px; color: #000; background: #eee;}
.blocklich table tbody tr td {position: relative;}
.blocklich table tbody tr td.today a {background: #bbb;}
.blocklich table tbody tr td.haveevent a {color: #d00; font-weight: bold;}
.blocklich table tbody tr td.selected a {color: #fff; background: #d00;}
.blocklich table tbody tr td a:hover {background: #f90; color: #fff;}

.blocklich * {box-sizing: border-box;}
.blocklich ul {}
.blocklich ul li {display: inline-block; background: #eee; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 30px; text-align: center; padding-top: 6px; vertical-align: top;}
.blocklich ul li.rong {border: none; border-bottom: 1px solid #aaa;}
.blocklich ul li.rong:first-child {border-left: 1px solid #aaa;}
.blocklich ul li:last-child {border-right: 1px solid #aaa;}
.blocklich ul li:nth-child(7n) {border-right: 1px solid #aaa;}
.blocklich ul li a {display: inline; color: #f00; font-weight: bold;}
#thang {}
#thang li {width: 33.333333%;}
#thang td.selected {background: url(../images/bg_button.png); color: #fff;}
#thang td:hover {background: #a00; color: #fff;}
#tuan li {width: calc(100% / 7); background: #fff;}
#ngay li {width: calc(100% / 7);}
#ngay li:hover {background: #fff;}
#ngay li.today {background: #bbb;}
#ngay li.haveevent {color: #d00;}
#ngay li.haveevent.selected {background: #000; color: #fff;}
#ngay li.haveevent.selected a {color: #fff;}

ul.gallery_content {overflow: hidden;}
ul.gallery_content li {width: 33.33333%; box-sizing: border-box; float: left; padding: 5px;}
ul.gallery_content li img {width: 100%;}

#messagecontact {vertical-align: top; display: inline-block; width: calc(100% - 106px); height: 150px; border-radius: 5px; border: 1px solid #ccc;}

.clicktoprevmonth, .clicktonextmonth {cursor: pointer;}

@-webkit-keyframes downloading {
    0% {width: 0%;}
    100% {width: 100%;}
}

@media (min-width: 1620px){ 
}
@media (max-width: 1300px){ 
    .slider {height: 368px;}
}
@media (max-width: 400px){	
}