@font-face {
    font-family: 'Gods_word';
    src: url('../fonts/Gods_word.otf');
    src: url('../fonts/Gods_word.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'viceroyjf';
    src: url('../fonts/viceroyjf.otf');
    src: url('../fonts/viceroyjf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
/*#wrapper{background: url(../images/yenxuan.png) no-repeat top center;}*/
/*+++++++++++++++++++++++++++++++*/
/*#header{margin-bottom: 100px;}*/
.header-top{background: #fff;}
.header-top p{font: 400 13px/20px 'Roboto', sans-serif; color: #444; padding: 17px 0 16px;}
.header-top p:before{content: ''; display: inline-block; background: url(../images/front/sprite.png) no-repeat 0 0; width: 8px; height: 16px; margin-right: 10px; vertical-align: sub;} 
.header-top ul.social{margin: 18px -15px 0}
.header-top ul.social li{float: left; padding: 0 15px;}
.header-top ul.social li a{display: block; text-indent: -99999px; background: url(../images/front/sprite.png) no-repeat; height: 16px;}
.header-top ul.social li a.icon-f{background-position: 0 -17px; width: 8px;}
.header-top ul.social li a.icon-g{background-position: -12px -17px; width: 13px;}
.header-top ul.social li a.icon-t{background-position: -30px -17px; width: 15px;}
.header-top ul.social li a.icon-f:hover{background-position: 0 -38px;}
.header-top ul.social li a.icon-g:hover{background-position: -12px -38px;}
.header-top ul.social li a.icon-t:hover{background-position: -30px -38px;}


.header-bot{background: #9f1b1e; border-bottom: 2px solid #ff9c00;}
.logo{position: absolute; top: 0px; left: 50%; margin-left: -83px; z-index: 20;}
.block-menu{}
.block-menu ul li.logo-ct{width: 320px; text-indent: -9999px;}
.block-menu ul li{float: left; text-transform: uppercase;}
.block-menu ul li a{font: 500 13px/20px 'Roboto', sans-serif; color: #fff; display: block; padding: 27px 20px 22px; position: relative;}
.block-menu ul li a:after{content: ''; display: none; width: 10px; height: 5px; background: url(../images/front/sprite.png) no-repeat -13px -1px; position: absolute; left: 50%; bottom: 15px; margin-left: -5px;}
.block-menu ul li.active a:after,
.block-menu ul li a:hover:after{display: block;}
.block-menu ul li a:hover,
.block-menu ul li.active a{background: #ff9c00;}
/*+++++++++++++++++++++++++++++++*/
#footer{padding: 94px 0 73px; background: url(../images/front/bg-footer.png) no-repeat center top;}
#footer h2{margin-bottom: 19px;}
#footer h2:after{content: ''; display: block; background: url(../images/front/bg-logo-bot.png) no-repeat; width: 124px; height: 12px; margin-top: 10px;}
#footer h2 a{font: 400 20px/normal 'Gods_word', sans-serif; color: #fff; text-transform: uppercase;}
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #ffb8ba;}
#footer p span{display: block; margin-bottom: 7px;}

.menu-bot{float: right; overflow: hidden; padding-bottom: 14px; border-bottom: 1px solid #e06568; margin: 45px 0 15px;}
.menu-bot li{float: left; text-transform: uppercase; padding: 0 14px;}
.menu-bot li:first-child{padding-left: 0;}
.menu-bot li:last-child{padding-right: 0;}
.menu-bot li a{font: 500 13px/20px 'Roboto', sans-serif; color: #ffd5d6;}
.menu-bot li a:hover,
.menu-bot li.active a{color: #f4d170;}
@keyframes search_{
    0%{right: -100px;}
    100%{right: 32px;}
}
.block-search{position: relative;}
.block-search span{display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat 0 -58px; cursor: pointer; margin-top: 19px;}
.block-search .form-search{position: absolute; top: 13px; right: 32px; width: 230px; background: #801F22; padding: 8px 10px; border-radius: 2px; display: none; 
-webkit-animation: search_ 1s linear;
       -o-animation: search_ 1s linear;
          animation: search_ 1s linear;}
.block-search .form-search input{height: 28px; border: none; box-shadow: 0 0 0 transparent !important; font: italic 400 13px/20px 'Roboto', sans-serif; color: #333; border-radius: 0;}
/*==========================================================================*/
.slider{margin-bottom: 50px; overflow: hidden; position: relative;}
.slider:after{content: ''; height: 79px; display: block; width: 100%; background: url(../images/front/bg-slider.png) no-repeat;background-size: 100% 100%; position: absolute; left: 0; bottom: 0; z-index: 20;}
.camera_wrap{margin-bottom: 0 !important; z-index: initial;}
.camera_pie{position: relative; z-index: -1;}
.slider .camera_caption{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;}
.slider .camera_caption > div{width: 100%; height: 100%; background: transparent; padding: 0 0 20px; margin: 0;}
.slider h1{font: 400 40px/normal 'Gods_word', sans-serif; color: #ffd800; text-transform: uppercase;}
.slider p{font: 400 30px/20px 'viceroyjf', sans-serif; color: #fff;}
.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.camera_wrap .camera_pag{z-index: 9999; position: absolute; bottom: 35px; width: 100%; left: 0;}
.camera_wrap .camera_pag .camera_pag_ul{ text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li{width: 15px; height: 15px; background: #fff; border-radius: 100%; cursor: pointer; margin: 0 7px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover{background: #ffd800;}
.camera_wrap .camera_pag .camera_pag_ul li span{display: none;}
.slider .container{height: 100%;}
.slider .container .col-md-6,
.slider .container .row{height: 100%;}


h2.title_{font: 400 20px/normal 'Gods_word', sans-serif; color: #333; text-transform: uppercase; padding: 0 15px 15px; position: relative; border-bottom: 1px solid #ccc; display: inline-block;}
h2.title_:after{display: block; content: ''; width: 40px; height: 11px; background: url(../images/front/sprite.png) no-repeat -37px -79px; position: absolute; bottom: -5px; left: 50%; margin-left: -20px;}
.product-hot{margin-bottom: 70px;}
.product-hot ul{padding-top: 82px; margin-bottom: -125px; overflow: hidden;}
.product-hot ul li{margin-bottom: 125px;}
.product-hot h2{margin-bottom: 30px;}
.product-hot .detail{position: relative;}
.product-hot a.img{display: block; overflow: hidden; width: 165px; height: 165px; border-radius: 100%; position: absolute; top: -83px; left: 50%; margin-left: -83px; border: 4px solid #fff;}
.product-hot a.img img{width: 100%; height: 100%;}
.product-hot .pr-info{background: #fef8e4; border: 1px solid #ffe17b; padding: 100px 20px 30px; border-radius: 5px;}
.product-hot .pr-info h3{text-transform: capitalize; margin-bottom: 5px;}
.product-hot .pr-info h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.product-hot .pr-info p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; overflow: hidden; height: 60px;}
.product-hot .pr-info a.views{width: 36px; height: 36px; display: block; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -53px -36px; position: absolute; left: 50%; bottom: -18px; margin-left: -18px;}
.product-hot .pr-info a.views:hover{background: url(../images/front/sprite.png) no-repeat -53px 0;}

.intro-yx{margin-bottom: 45px;}
.intro-yx h2{margin-bottom: 25px; padding: 0 0 15px;}
.intro-yx h2:after{left: -10px; margin-left: 0;}
.intro-yx p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}

.block-banner{margin-bottom: 45px; text-align: center;}

.block-food{margin-bottom: 30px;}
.block-food h2{margin-bottom: 25px;}
.block-food li{margin-bottom: 20px; overflow: hidden; text-align: left;}
.block-food a.img{display: block; height: 200px; overflow: hidden;}
.block-food a.img img{width: 100%; height: 100%;}
.block-food h3{margin: 10px 0 5px;}
.block-food h3 a{display: block; font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.block-food p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;  overflow: hidden; height: 60px;}
.block-food span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}

#content h3 a:hover{color: #9F1B1E;}
/*==========================================================================*/
a.menu-mobile{display: none; width: 25px; height: 19px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}

@-moz-document url-prefix() { 
	
}

@media (max-width: 1200px){
	.block-menu ul li a{padding: 27px 15px 22px;}
    .block-menu ul li a:after{left: auto; right: 10px; margin-left: 0;}
	.block-menu ul li.logo-ct{width: 195px;}

	.menu-bot li{padding: 0 5px;}
    .slider .container .col-md-6{text-align: center;}
    .slider .container .col-md-6 img{width: auto; height: 205px;}
    .slider:after{height: 51px;}
}
@media (max-width: 990px){
	a.menu-mobile{display: block; position: absolute; right: 70px; top: 25px;}
	.logo{left: 15px; margin-left: 0; top: -2px;}
	.header-bot{height: 71px;}
	.header-bot .container{position: relative;}
	.block-menu ul.menu{display: none; width: 290px; position: absolute; right: 15px; background: #FF9C00; top: 69px; z-index: 20; padding: 10px 0; border-radius: 0 0 4px 4px;}
    .block-menu ul.menu:before{content: ''; display: block; border: 10px solid transparent; border-bottom: 10px solid #FF9C00; position: absolute; top: -20px; right: 58px;}
    .block-menu ul.menu li{float: none;}
    .block-menu ul.menu li.logo-ct{display: none;}
    .block-menu ul.menu li a{font-size: 13px; padding: 7px 20px; color: #fff; text-transform: capitalize;}
    .block-menu ul.menu li a:before{display: none;}
    .block-menu ul.menu li a:hover, 
    .block-menu ul.menu li.active a {background: #9F1B1E; color: #FFF; }

    ul.menu-bot{display: none;}
    #footer{background-size: cover;}
    #footer p{text-align: left; margin-top: 10px;}
    .slider:after{height: 38px;}
    .slider .container .col-md-6 img{width: 300px;}
}
@media (max-width: 750px){
    .slider:after {height: 37px; bottom: -1px; }
}
@media (max-width: 680px){
    .slider h1{font-size: 25px;}
    .slider p{font-size: 20px;}
    .slider:after{height: 34px;}
}
@media (max-width: 630px){
    .slider .container .col-md-6 img{width: 200px; height: 180px;}
    .slider:after{height: 29px;}
}
@media (max-width: 500px){
    .product-hot a.img{width: 145px; height: 145px; margin-left: -78px;}
    .product-hot .pr-info{padding: 75px 20px 30px;}
    .slider:after{height: 25px;}
}
@media (max-width: 420px){
    .header-top ul.social{display: none;}
    .block-food li,
    .product-hot ul li{width: 100%;}
    .slider .container{height: auto;}
    .slider .container .col-md-6{width: 100%; height: auto; margin-bottom: 20px;}
    .slider .col-md-6 .table_,
    .slider .col-md-6 .table_cell{display: block;}

}