/**
 * @version		$Id: style.css 3 2014-03-21 10:53 Phu $
 * @package		vFramework.theme
 * @copyright	(C) 2014 Vipcom. All rights reserved.
 * @license		Commercial
 */
@charset "UTF-8";

@import url("reset.css");

@import url("content.css");

@import url("animate.css");





/*@import url("slick-theme.css");*/

/** CLEAR **/
.clr{clear:both; height:0; line-height:0;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/** BODY **/
body{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	*font-size:small;
	*font:x-small;
	color:#31353d;
	background: black;
  overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Default link */
a{color:#282828;text-decoration:none;outline:none;font-size: 14px;}
a:hover,a:focus{text-decoration:none;outline: none}
img { max-width: 100%; height: auto;}
/** FORM */
input,textarea,select {	font-size:14px;vertical-align:middle;color:#282828;outline:none}
/********************************* LAYOUT *****************************/

/********************************* HEADER *****************************/
#header {width: 100%;position: relative;background: url(../img/bg_header.png) repeat-x;border-bottom: 0px solid #fff;}
.content_row {width: 1180px;margin: auto;position: relative;}
.content_row_fluid {padding: 0 15px;}
#logo {margin: 0px 0px 10px -3px;padding-top: 9px;}
#header .vf_menu {font-size: 14px;float: left;padding-bottom: 4px;}
#header .vf_menu ul {position: relative;z-index: 100}
#header .vf_menu > ul > li {float: left;position: relative;}
#header .vf_menu > ul > li > a {display: block;position: relative;color: #fff;transition:border 0.2s linear;font-weight: bold;text-transform: uppercase;width: 107px;height: 47px;margin-right: 25px;text-align: center;background: url(../img/bg_menu.png) no-repeat;padding-top: 9px;white-space: nowrap;}
#header .vf_menu > ul > li > a:before {content: "";position: absolute;bottom: -5px;left: 0px;width: 100%;height: 10px;}
#header .vf_menu > ul > li > a.active {color: #f8fa00;}
#header .vf_menu > ul > li > a:hover {color: #f8fa00}
#header .vf_menu ul ul {left: -9999em;opacity: 0;position: absolute;top: 72px;z-index: 100;background: #fff;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);padding: 10px 0px}
#header .vf_menu ul li:hover ul {position: absolute;top: 52px;left: auto;*left:0px;left: 0px\9;opacity: 1;filter: alpha(opacity=100);-webkit-transition:all 0.3s linear ;transition:all 0.3s linear ;-moz-transition:all 0.3s linear ;}
#header .vf_menu ul ul li {padding:0px 19px;}
#header .vf_menu ul ul li a {white-space: nowrap;text-transform: uppercase;position: relative;display: block;padding: 8px 0px;font-weight: bold;padding-left: 14px;}
#header .vf_menu ul ul li a:before {content: "";width: 8px;height: 8px;background: #323232;border-radius: 50%;position: absolute;top: 11px;left: 0px;}
#header .vf_menu ul ul li a:hover {color: #a54711;}


.blk_search {width: 175px;height: 32px;background: url(../img/bg_search.png) no-repeat;position: absolute;bottom: 16px;right: 0px;*bottom: 36px !important;*width: 175px !important;*right: 0px !important}
.blk_search .submit {background: url(../img/bt_search.png) no-repeat center center; border: none;position: relative;text-indent: -9999em;width: 30px;height: 32px;}
.blk_search #k {background: none;color: #fff;border: none;width:140px;height: 32px;padding: 5px;*width:127px ;padding-left: 10px}



/******************* ************** BANNER *****************************/
.banner {margin-bottom: 30px;}
.banner img { width: 100%; height: auto;}
.banner .slick-dots {width: 100%; position: absolute; bottom: 35px; left: 0px; text-align: center;}
.banner .slick-dots li {display: inline-block; margin: 0 5px;}
.banner .slick-dots li button {width: 15px; height: 15px; background: #b9b4a3; border-radius: 50%; cursor: pointer; border: none; font-size: 0; text-transform: none;}
.banner .slick-dots li.slick-active button {background: #d78848}

/********************************* CONTENT *****************************/
// .container {width: 1349px;margin: auto;}
#w {position: relative;}
#main {position: relative;}
.row3 {background: url(../img/bg_row3.png) repeat-x center top; padding-top: 35px; background-size: auto 100%;}
.row3 .content_row {overflow: hidden;}
.menu_footer .vf_menu {width: 20%; float: left; padding: 0 15px;}
.menu_footer .vf_menu > ul > li > a {font-weight: bold;color: #d78848;border-bottom: 1px solid #525252;display: inline-block; line-height: 20px; margin-bottom: 8px; padding-bottom: 3px; min-width: 50%;}
.menu_footer .vf_menu ul ul li {float: left;width: 100%;line-height: 24px;}
.menu_footer .vf_menu ul ul a {font-size: 12px;color: #9f9f9f;display: block;padding-left: 2px;}
.info_contact {width: 40%; float: left; padding: 0 15px;}
.info_contact .ct-left { float: left; width: 48px; margin-bottom: 20px;}
.info_contact .ct-right { float: right; width: calc(100% - 68px);}
.info_contact h3 {color: #d78848;font-weight: bold;font-size: 14px;margin-bottom: 7px;}
.info_contact a {font-size: 12px;color: #eaeaeb;}
.info_contact p {line-height: 20px;}
.info_contact ul li {font-size: 12px;color: #eaeaeb;float: left;width: 100%;margin-bottom: 13px;}
.sub-banner { margin: 0 -20px 40px;}
.sub-banner img {width: 100%; height: auto;}
.menu_pro {margin: 0 0 40px; float: left; width: 100%;}
.menu_pro ul {text-align: center;}
.menu_pro ul li {width: 33.33333333%; float: left; position: relative; padding: 0 15px; -webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);-moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);overflow: hidden;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.menu_pro b,.blk_golg18 .vf_tit ,.blk_goldwhite .vf_tit {font-size: 24px;font-weight: bold;color: #ffffff;background: url(../img/bg_tithome.png) repeat-x;height: 44px;line-height: 44px;position: absolute;top: 0px;left: 15px; right: 15px;text-align: center;text-transform: uppercase;}
.menu_pro img { width: 100%; height: auto; margin-top: 44px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.menu_pro ul li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.menu_pro ul li:hover {-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);}

.table_gold {margin-top: 30px;width: 100%;overflow: hidden;margin-bottom: 10px}
.inout_word {margin-top: 8px; width: 40%;float: left; padding-right: 20px;}
.inout_word .vf_tit {width: 100%;text-align: center;font-weight: bold;font-size: 18px;color: #f8fa00;border-bottom: 1px solid #d1d1d1;padding:0px 0px 3px 0px; line-height: 1.5}
.inout_word p.error {margin-top:0px}
.gold_trl {float: right; width: 60%; padding-left: 40px;}
.gold_trl .vf_tit {font-size: 24px;color:#ff0000;font-weight: bold;border-bottom: 1px solid #d1d1d1;text-align: center;padding-bottom: 2px; margin-bottom: 11px;padding-top: 3px;}
.gold_trl .vf_block > span {display: block;text-align: center;margin-bottom: 10px;color: #fff}
.gold_trl .vf_tit a {font-size: 24px;color:#ff0000;font-weight: bold;}
.gold_trl table {width: 100%;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);background: url(../img/bg_giavang.jpg) no-repeat; background-size: cover;}
.gold_trl table td {border: 1px solid #bfab91;text-align: center;padding: 8px 0px;font-weight: bold;}
.gold_trl table td.fix {color: #ff0000; line-height: 1.5}
.gold_trl .vf_block {margin-bottom: 10px;}

.row2 {float: left;width: 100%;margin:30px 0px 14px;background: #fff;-webkit-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);-moz-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);padding: 12px 10px 15px 20px;}
.row2 .vf_menu {}
.row2 .vf_menu ul {margin-left: -13px;}
.row2 .vf_menu ul li {float: left;}
.row2 .vf_menu ul li a {color: #404040;display: block;position: relative;padding:0px 13px;text-transform: uppercase;}
.row2 .vf_menu ul li a:before {content: "";width: 1px;height: 12px;position: absolute;right: 0px;top: 2px;background: #404040;}
.row2 .vf_menu ul li a.active,.row2 .vf_menu ul li a:hover {color:#a44914 }
.breadcrumbs {}
.breadcrumbs ul {margin-bottom: 12px;overflow: hidden;}
.breadcrumbs ul li {float: left;margin-right: 3px;}
.breadcrumbs ul li a {font-family: Time New Roman,Arial;color: #404040;line-height: 18px;}
.breadcrumbs ul li.first  a{color: #a44914;}
.row2 .breadcrumbs .vf_tit {width: 100%;margin-top: 13px;margin-bottom: 0px;}
.row2 .breadcrumbs .vf_tit a{display: block;color: #191919;font-weight: bold;font-size: 24px;text-transform: uppercase;line-height: 24px;}
.row2 .vf_tit {color: #191919;font-weight: bold;font-size: 24px;text-transform: uppercase;margin-bottom: 3px}
.row2 .vf_tit a {font-size: 24px;color: #191919;}


.vf_article {margin-bottom: 45px;float: left;width: 100%}
.vf_article .vf_ctn {padding: 30px 20px 50px;-webkit-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);-moz-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);font-size: 14px;	}

.vf_article .vf_list { background: #fff;}
.vf_article .vf_list .inner { padding: 0 30px 0 26px; height: 232px;}
.vf_article .vf_list ul {padding-bottom: 20px; margin: 0 -15px;}
.vf_article .vf_list ul li { float: left; width: 50%; padding: 0 15px; margin-bottom: 30px;}
.vf_article .vf_list .img {float: left; margin-right: 15px; width: 45%; position: relative; max-height: 175px; overflow: hidden;}
.vf_article .vf_list .img img { width: 100%; height: auto;}
.vf_article .vf_list .tit {display: block;color: #a44914;font-size: 18px;margin-bottom: 5px;line-height: 22px;}
.vf_article .vf_list .desc {line-height: 22px;}
.vf_article.vf_news .vf_view .vf_date {display: block;}
.vf_article.vf_news .vf_view {float: left; width: calc(60% - 6px);}
.vf_article .vf_view {margin-top: 16px;}
.vf_article .vf_view .vf_date {display: none;}
.vf_article .vf_next { float: right; width: calc(40% - 24px); background: #fff;margin-top: 16px;}
.vf_article .vf_next .vf_tit { color: #191919;font-weight: bold;font-size: 24px;text-transform: uppercase;margin-bottom: 20px; padding: 30px 15px 0;}
.vf_article .vf_next ul {-webkit-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);-moz-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);padding: 15px;}
.vf_article .vf_next ul li {line-height: 24px; padding: 10px 0; border-bottom: 1px solid #ccc;}
.vf_article .vf_next ul li a {position: relative;padding-left: 13px;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;display: block;}
.vf_article .vf_next ul li a:before {content: "";width: 6px;height: 6px;border-radius: 50%;background: #2D2D2D;position: absolute;top: 10px;left: 0px;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
.vf_article .vf_next ul li a:hover {color: #d78848;padding-left: 15px;}
.vf_article .vf_next ul li a:hover:before {left: 3px;background: #d78848}

/*.price_gold {margin-bottom: 50px;}
.price_gold .vf_ctn {padding: 30px 30px 50px;-webkit-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);-moz-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);}
.price_gold table {width: 100%;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);background: url(../img/bg_giavang.jpg) no-repeat left bottom;}
.price_gold table td {border: 1px solid #bfab91;text-align: center;padding: 8px 0px;font-weight: bold;}
.price_gold table td.fix {color: #ff0000;}
.price_gold .vf_date {display: none;}*/

.vf_contact {float: left;width: 50%;background: #ffffff; padding: 15px;margin-bottom: 30px;}
.vf_contact .report {padding: 0px 0px 15px;}
.vf_contact form { max-width: 980px;}
.vf_contact form tr {margin-right: 15px;}
.vf_contact form label {width: 85px;display: block;}
.vf_contact form input[type='text'] {width: 250px;height: 25px;margin-bottom: 12px;border: 1px solid #ccc;padding-left: 5px;padding-right: 5px;}
.vf_contact #message {width: 100%;height: 150px;max-width: 650px;max-height: 200px;margin-bottom: 12px;border: 1px solid #ccc;padding:5px;}
.vf_contact .btn {border: none;font-weight: bold;color: #fff;background: #444444;padding: 7px 10px;margin: 12px 10px 12px 0;}
.vf_contact #captcha_btn {float: left;margin: 0 20px 0 10px;}
.vf_contact #captcha_btn a {background: url(../img/reload.png) no-repeat ;display: block;height: 34px;position: relative;text-indent: -9999em;top: 6px;width: 34px;}
.vf_contact #captcha_img {float: left;}
.vf_contact .captcha_wrp {width: 100%;}
.vf_contact #captcha {margin-top: 10px;width: 100px;}

.blk_contact {line-height: 20px;}
.blk_contact h3 {color: #a44914;font-size: 16px;}
.blk_contact a {color: #0065a8}
.blk_contact p {padding: 5px 0px}

.blk_map {margin-bottom: 45px; float: right; width: calc(50% - 15px);}
.blk_map iframe{pointer-events: none;}

.blk-news {margin-bottom: 50px; overflow: hidden; padding: 0 15px;}
.blk-news .vf_tit {text-align: center;display: block;background: url(../img/bg_tithome.png) repeat-x;font-size: 24px;font-weight: bold;line-height: 44px;color: #fff;margin-bottom: 22px;}
.blk-news .vf_tit a {font-size: 24px;color: #fff;}
.blk-news .img { float: left; margin-right: 15px; width: 45%; position: relative; max-height: 175px; overflow: hidden;}
.blk-news .img img { width: 100%; height: auto;}
.blk-news .tit {display: block;color: #a44914;font-size: 18px;margin-bottom: 5px;line-height: 22px;}
.blk-news .desc {line-height: 22px;}
.blk-news .owl-wrapper-outer {margin-bottom: 15px;}
.blk-news .owl-pagination {text-align: center;}
.blk-news .owl-page {display: inline-block;zoom:1;*display: inline;cursor: pointer;width: 14px;height: 14px;background: url(../img/bt_slide.png) no-repeat;margin: 0px 4px;}
.blk-news .owl-page.active {background: url(../img/bt_slide_a.png);}
.blk-news .owl-item {padding: 0px 20px 10px;}
.blk-news .item { background: #fff;padding: 22px 30px 35px 26px; height: 227px;-webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);-moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.55);}
.blk-news #owl-carousel {margin: 0 -20px}
.ellip {display: block;height: 100%;}
.ellip-line {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;max-width: 100%;}
.ellip, .ellip-line {position: relative;overflow: hidden;}
/********************************* PRODUCTS *****************************/
.vf_product .vf_list {margin-bottom: 55px;float: left;width: 100%;}
.vf_product .vf_list .vf_tit {opacity: 0px;width: 0px;height: 0px;filter:alpha(opacity=0);overflow: hidden;}
.vf_product .vf_list ul { margin: 0 -15px;}
.vf_product .vf_list ul li {padding: 0 15px;float: left; width: 25%}
.vf_product .vf_list ul li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.vf_product .vf_list ul li:hover .info_sp{-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);}
/*.vf_product .vf_list ul li:hover .bg_hover {animation: effect_pro 0.4s linear 0s 1 alternate ;-moz-animation: effect_pro 0.4s linear 0s 1 alternate ;-webkit-animation: effect_pro 0.4s linear 0s 1 alternate ;}*/
.vf_product .vf_list .img {position: relative;display: block;border-bottom: 1px solid #dfdfdf;margin-bottom: 7px;overflow: hidden; text-align: center;}
.vf_product .vf_list .img img {max-width: 100%; height: auto;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.vf_product .vf_list .tit {color: #d78848;font-size: 18px;padding-left: 18px; margin-bottom: 10px;display: block;}
.vf_product .vf_list .code {color: #31353d;padding-left: 18px;}
.vf_product .vf_list .info_sp {padding-bottom: 15px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2;);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);transition:box-shadow 0.3s linear;-moz-transition:box-shadow 0.3s linear;-webkit-transition:box-shadow 0.3s linear;position: relative;}
.vf_product .bg_hover {position: absolute;bottom: 0px;width: 150px;height: 230px;background: url(../img/bg_pro2.png) no-repeat;/*transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;*/}
@keyframes effect_pro {
	0% {left: -151px;}
	100% {left: 308px;}
}
@-moz-keyframes effect_pro {
	0% {left: -151px;}
	100% {left: 308px;}
}
@-webkit-keyframes effect_pro {
	0% {left: -151px;}
	100% {left: 308px;}
}

.vf_product .vf_view {}
.vf_product #media {text-align: center;}
.vf_product .info_detail {width: 55%;float: left;padding: 0px 15px;color: #31353d}
.vf_product .vf_view .tit {color: #d78848;font-weight: bold;margin-bottom: 15px;}
.vf_product .vf_view .tit span {color: #31353d;}
.vf_product .vf_view .code {font-weight: bold;margin-bottom: 15px;}
.vf_product .vf_view .desc {line-height: 24px;}
.vf_product .vf_view .desc span {display: block;color: #d78848;font-weight: bold;border-bottom: 1px solid #dfdfdf;margin-bottom: 10px;}

.blk_golg18 { float: left; width: 33.33333333%; margin-bottom: 75px; padding: 0 15px}
.blk_golg18 .vf_tit, .blk_goldwhite .vf_tit {position: static;margin-bottom: 15px;}
.blk_golg18 ul{ box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2)}
.blk_golg18 .tit, .blk_goldwhite .tit {background: #232323; color: #d78848;display: block;font-size: 18px;margin-bottom: 30px;padding:11px 0px 11px 18px; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.2);}
.blk_golg18 .info_sp , .blk_goldwhite .info_sp {max-width: 100%;position: relative;transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;}
.blk_golg18 .info_sp .img , .blk_goldwhite .info_sp .img {position: relative; display: block;text-align: center;overflow: hidden;}
.blk_golg18 .info_sp .img img , .blk_goldwhite .info_sp .img img {
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;}


.blk_goldwhite {float: left; width: 66.66666667%; padding: 0 15px;}
.blk_goldwhite ul { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); margin: 0 -15px;}
.blk_goldwhite ul li { float: left; padding: 0px 15px; width: 50%;}

.blk_goldwhite ul li:hover img,.blk_golg18 ul li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.blk_goldwhite ul li:hover .info_sp,
.blk_golg18 ul li:hover .info_sp{-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.55);}

.vf_pag {float: right;margin-top: 15px;}
.vf_pag span { color: #fff;}
.vf_pag a {border: 1px solid #dad9d9;padding: 3px 5px;color: #807f7f;background: #fff; display: inline-block;}
.vf_pag a.active {border: 1px solid #d78848;color: #d78848}

#left {position: absolute;top: 190px;left: 35px;}
/*#left.fix {position: fixed;top: 20px}*/
#right {position: absolute;top: 190px;right: 35px;}
/*#right.fix {position: fixed;top: 20px;}*/
#left img,#right img {max-width: 100%;height: auto}
#left .vf_block ul li,#right .vf_block ul li {position: relative;}
#left .bt_close,#right .bt_close {position: absolute;top: 0px;background: url(../img/bt_close.jpg) no-repeat;width: 25px;height: 24px;cursor: pointer;}
#left .bt_close {right: 0px;}
#right .bt_close {right: 0px;}
#left .vf_block ul li,#right .vf_block ul li {margin-bottom: 10px;}
.homepage #left ,.homepage #right {top: 588px;}
/*.homepage #left.fixhome,.homepage #right.fixhome {position: fixed;top: 20px}*/
/********************************* FOOTER *****************************/
#footer {background: url(../img/bg_footer.png) repeat-x;height: 44px; padding: 0 30px;}
#footer .vf_block {line-height: 44px;font-size: 12px;color: #9f9f9f}
#footer .vf_block a {color:#9f9f9f ;font-size: 12px;}
#footer .vf_block a:hover {color:#ff6600}
.blk_counter {position: absolute;top: 0px;right: 0px;line-height: 44px;font-size: 12px;color: #9f9f9f}
.blk_counter div {float: left;margin-left: 10px;}
.blk-dkkd {padding: 0 15px; margin: 20px 0;}
.blk-dkkd img { margin-bottom: 10px;}
/** Member **/
#loginform {max-width:560px;margin:15px 0;padding:20px 40px;background: url(../img/bg_giavang.jpg) no-repeat top left;border: 1px solid #bfab91;}
#loginform div {position:relative;height:30px;}
#loginform label {margin-left:10px;}
#loginform input {position:absolute;left:110px;}
.logintext {color: #ff0000; line-height: 1.5;}
.logintext a {color: #f8fa00; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
.logintext a:hover {text-decoration: underline;}
.vf_member {float: left;width: 100%;background: #ffffff;-webkit-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);-moz-box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);box-shadow: -3px 7px 10px -3px rgba(0,0,0,0.2);padding: 15px;margin-bottom: 30px;}

#frmgetregister table td{padding:5px}
h4.over {padding:40px;}
h4.over a {color:#f00;font-size:16px;font-weight:bold;}
h4.over a:hover {text-decoration: underline;}

.profile td, .changepass td{padding:5px;}
.profile a:hover{text-decoration: underline;}

.baokim, .changepass, .register {border: 1px solid #bfab91;padding:10px;width:400px;background: url(../img/bg_giavang.jpg) no-repeat top left;}
.changepass h4,.register h4,.baokim h4{
    font-size: 16px;
    color: #f00;
    font-weight: bold;
    text-align:center;
    padding-bottom:15px;
}
.register{width:600px;}
.baokim .note{font-size:12px;padding:3px 0;font-style:italic;color:#666}
.baokim input{width:300px}
.baokim button{width:80px;}

.goldnote{padding-top:20px; color: #fff; line-height: 1.5;}
.goldnote a { color: #fff;}
.goldnote a:hover{text-decoration: underline;}

#content{position:relative; padding: 0 15px;}
.notice {width:35%;position:absolute;top:120px;right:20px;background: url(../img/bg_giavang.jpg) no-repeat top left;border: 3px solid #bfab91;padding:10px;}
.notice .vf_tit {font-size: 24px;color:#ff0000;font-weight: bold;text-align: center;padding-bottom: 2px; margin-bottom: 11px;padding-top: 3px;}
.notice img{max-width:230px}

.menu-mb {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.menu-mb.active {
  display: block;
}
.overlay-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.menu-mb .vf_menu {
  width: 300px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: -300px;
  top: 0;
  z-index: 50;
}
.menu-mb .vf_menu > ul {
  padding: 100px 40px 0 20px;
  height: 100%;
  overflow-y: auto;
}
.menu-mb .vf_menu > ul > li > a {
  color: #333;
  font-size: 14px;
  padding: 15px 0;
  background: url(../img/icon-menu.png) no-repeat left center;
}
.menu-mb .vf_menu > ul > li > a.active {
  color: #ffff00;
  background: #000;
  padding: 15px 10px;
}
.menu-mb .vf_menu > ul > li {
  border-bottom: 1px solid #cec1d1;
}
.menu-mb .vf_menu li:last-child {
  border-bottom: none;
}
.menu-mb .vf_menu li li:first-child {
  // border-top: 1px solid #d9d9d9;
}
.menu-mb .vf_menu li a{
  text-transform: uppercase;
  display: block;
}
.menu-mb .vf_menu li li a {
  padding: 10px 25px 10px 0;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
}
.menu-mb .vf_menu li li a.active {
  color: #333;
  font-weight: bold;
}
.menu-mb .vf_menu ul ul {
  display: none;
  list-style: square;
  color: #333;
  margin: 0 0 10px 40px;
}
.menu-mb .vf_menu li.has-child {
  background: url(../img/arrow-white-down.png) no-repeat left top 26px;
  background-size: 20px 12px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.menu-mb .vf_menu li.has-active ul {
  display: block;
}
.menu-mb .vf_menu li.has-child.has-active {
  background: url(../img/arrow-white-up.png) no-repeat left top 26px;
  background-size: 20px 12px;
}
.menu-mb .btn-close {
  background: url(../img/btn-close.png);
  width: 84px;
  height: 40px;
  position: absolute;
  top: 27px;
  left: -20px;
}
.btn-menu {
  display: none;
  width: 28px;
  font-size: 11px;
  color: #f8fa01;
  padding-top: 23px;
  background: url(../img/btn-menu.png) no-repeat left top;
  position: absolute;
  right: 15px;
  top: 50px;
  z-index: 200;
}
.blk-mn-quick {
  display: none;
  background: #f8fa01;
  padding: 4px 0;
}
.blk-mn-quick > ul { margin: 0 2px; position: relative;}
.blk-mn-quick > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.blk-mn-quick > ul > li {
  float: left;
  width: 25%;
  padding: 0 2px;
  text-align: center;
}
.blk-mn-quick > ul > li > a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 12px;
  background: #fdfdfd; /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e7e7e7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdfdfd 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
  border: 1px solid #e1dfdf;
}
.blk-mn-quick ul ul { display: none; position: absolute; top: 100%; left: -2px; width: calc(100% + 4px); padding: 15px;
  background: #fdfdfd; /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e7e7e7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdfdfd 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
  border: 1px solid #e1dfdf;
}
.blk-mn-quick li.has-active ul { display: block;}
.blk-mn-quick > ul > li.has-active > a, .blk-mn-quick > ul > li > a.active {  color: #ffff00; background: #000;}
.blk-mn-quick ul ul li { text-align: left; list-style: disc outside; margin: 10px 0 10px 20px;}
.blk-mn-quick ul ul li a { text-transform: uppercase;}
/********************************* RESPONSIVE *****************************/
@media (min-width: 993px) {
  .vf_product .vf_list ul li:nth-child(4n+1) { clear: both;}
}
@media (max-width: 992px) {
  .vf_article .vf_list { padding-bottom: 20px;}
  .vf_article .vf_list ul li {width: 100%; margin-bottom: 15px;}
  .vf_pag {float: none; text-align: center;}
  .menu_footer .vf_menu{ width: 33.33333333%; margin-bottom: 15px;}
  .info_contact { width: 50%}
  .blk-dkkd { float: left; width: 50%; padding: 0 15px; margin: 0 0 15px; line-height: 1.5;}
  .inout_word {width: 100%; padding-right: 0;}
  .gold_trl { width: 100%; padding-left: 0;}
  .vf_product .vf_list ul li { width: 50%; margin-bottom: 15px;}
  .vf_product .vf_list ul li:nth-child(2n+1) { clear: both;}
  .vf_product .vf_list .tit { margin-bottom: 0;}
  .vf_product .vf_list .info_sp { padding-bottom: 0;}
  .row2 .vf_menu ul { line-height: 1.5;}
  .blk_golg18 { width: 100%; padding: 0; margin-bottom: 15px;}
  .blk_golg18 ul {margin: 0 -15px;}
  .blk_golg18 li { width: 50%; float: left; padding: 0 15px; margin-bottom: 15px;}
  .blk_goldwhite {padding: 0;}
  .blk_map, .vf_contact { width: 100%; float: none;}
  .blk_map iframe { min-height: 300px;}
  .vf_contact form input[type='text'] { width: 100%;}
  .vf_article .vf_list .inner { height: auto;}
  #footer { padding: 0 15px;}
  .btn-menu { display: block;}
  #header { position: fixed; width: 100%; left: 0; top: 0; z-index: 100}
  .container { padding-top: 108px;}
  #header .vf_menu { display: none;}
  .content_row, .baokim, .changepass, .register, .blk_goldwhite,.vf_member table, .baokim input {width: 100%;}
  .blk_search { right: 60px; bottom: 29px;}
  .notice { position: static; width: 100%; line-height: 1.5}
  .vf_member { float: none; line-height: 1.5}
  .vf_member table tr, .vf_member table td { float: left; width: 100%}
  .blk-news {padding: 0;}
  .menu_pro ul {margin: 0 -15px;}
  .wp-caption.aligncenter { width: 100% !important}
  .banner .slick-dots { bottom: -20px;}
}

@media (max-width: 767px) {
  #logo { width: 240px; padding-left: 10px;}
  .blk_golg18 ul, .blk_goldwhite ul {margin: 0 -5px;}
  .blk_golg18 li, .blk_goldwhite ul li { padding: 0 5px; margin-bottom: 10px;}
  .blk_golg18 .tit, .blk_goldwhite .tit { margin-bottom: 0; font-size: 12px;}
  .menu_pro ul li, .menu_footer .vf_menu, .info_contact, .blk-dkkd { width: 100%; padding: 0;}
  .menu_pro b, .blk_golg18 .vf_tit, .blk_goldwhite .vf_tit { left: 0; right: 0;}
  .menu_pro ul {margin: 0;}
  .vf_product .vf_list ul { margin: 0 -5px;}
  .vf_product .vf_list ul li { padding: 0 5px; margin-bottom: 10px;}
  .vf_product .vf_list .tit { font-size: 12px;}
  #footer { height: auto; background-size: cover;}
  .blk_counter { position: static; margin-bottom: 15px;}
  .blk_counter div { float: none; display: inline-block; margin: 0 10px 0 0}
  #footer .vf_block, .blk_counter { line-height: 1.5}
  #loginform { padding: 20px 10px;}
  .vf_member { line-height: 1.5}
  .vf_pag span { display: none;}
  .vf_article.vf_news .vf_view, .vf_article .vf_next { width: 100%; float: none;}
  .blk_search {
    margin: 0 auto;
    width: calc(100% - 8px);
    height: 40px;
    line-height: 40px;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e7e7e7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdfdfd 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e1dfdf;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .blk_search:before {
    content: "";
    height: 44px;
    width: calc(100% + 10px);
    background: #feff00;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: -1;
  }
  .blk_search #k {
    width: calc(100% - 44px);
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #908d8d;
    float: left;
  }
  .blk_search .submit {
    float: left;
    width: 44px;
    height: 40px;
  }
  .container { padding-top: 164px;}
  .vf_article .vf_list .inner { padding: 0 10px; height: auto;}
  .vf_article .vf_list .desc { display: none;}
  .row2 { padding: 12px 10px 15px;}
  .btn-menu { top: 25px;}
  .blk-mn-quick { display: block;}
  .blk-news .item { padding: 15px; height: auto;}
  .blk-news .desc { display: none;}
  .blk-news .tit, .blk-news .img { max-height: 107px; overflow: hidden;}
}