@font-face {
    font-family: '';
    src: url('../fonts/.otf');
    src: url('../fonts/.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; }

/*===================================================================*/
body{background: url(../images/front/background.png) repeat; width: 100%; height: auto;}
#wrapper{background: url(../images/front/bg_content.png) no-repeat left bottom; width: 100%; height: auto;}
.block-sun{background: url(../images/front/bg_sun.png) no-repeat; width: 110px; height: 113px; display: block; position: absolute; top: 0; left: 0;}
.block-cloud{background: url(../images/front/bg_cloud.png) no-repeat; width: 231px; height: 240px; display: block; position: absolute; top: 0; right: -164px; z-index: 11;}
.block-bird{background: url(../images/front/bg_bird.png) no-repeat; width: 172px; height: 150px; display: block; position: absolute; bottom: -30px; left: -96px; z-index: 11;}
.block-diacau{background: url(../images/front/bg_diacau.png) no-repeat; width: 471px; height: 500px; display: block; position: absolute; bottom: 0; right: 0; z-index: 2;}

#header{padding: 50px 0 30px;}

.block-menu{position: relative;padding-top: 28px;}
.block-menu ul{margin: 0 -20px;}
.block-menu li{float: left; padding: 0 20px; position: relative;}
.block-menu li a{display: block; font: 400 18px/20px 'Patrick Hand SC', cursive; color: #535a62; text-transform: uppercase;}
.block-menu li a .sub{display: inline-block; width: 14px; height: 10px; background: url(../images/front/sprite.png) no-repeat 0 -48px; float: right;
margin: 5px 0 0 7px;
-ms-transform: rotate(98deg);
-webkit-transform: rotate(98deg); /* Safari */
transform: rotate(98deg);}
.block-menu li:hover a .sub{background: url(../images/front/sprite.png) no-repeat -15px -35px;}
.block-menu li.active a,
.block-menu li:hover a{color: #ff6000; }
.block-menu li.active a:before,
.block-menu li:hover a:before{content: ''; width: 26px; height: 28px; display: block; background: url(../images/front/sprite.png) no-repeat 0 0; position: absolute; top: -25px; left: 50%; margin-left: -13px;}

.block-menu ul li ul{margin: 0;visibility: hidden; width: 245px; background: #F8F8F8; padding: 10px 15px; position: absolute; left: 10px; top: -10%; z-index: 20;text-align: left; transition: visibility, top .5s linear; border-radius: 0 0 4px 4px;}
.block-menu ul li ul li{display: block; float: none; padding: 0;}
.block-menu ul li:hover ul li a{padding: 5px 0; background: transparent; text-transform: inherit; color: #535a62;}
.block-menu ul li:hover ul li a:before{display: none;}
.block-menu ul li ul li a:hover{color: #ff411b;}
.block-menu ul li:hover ul{ visibility: visible; top: 100% ;}
a.smobitrigger{display: none;width: 25px;height:19px;overflow: hidden; position: absolute; top: 15px; right: 0; background: url(../images/front/line.png) no-repeat; text-indent: -9999px; z-index: 50;}
.block-menu ul.mnuopn li{float: none;padding: 7px 20px;border:none;border-top: 1px solid #F3E7DD; border-bottom: 1px solid #A09E9F;margin: 0;display: block;text-align: left;}
.block-menu ul.mnuopn li:last-child{border-bottom: none;}
.block-menu ul.mnuopn li a{font-size: 16px;padding: 0; border: none; color: #49505B !important;text-transform: capitalize;background: transparent;}
.block-menu ul.mnuopn li:hover a, 
.block-menu ul.mnuopn li.active a{color: #ff6000 !important;}
.block-menu ul.mnuopn li:hover ul li a, 
.block-menu ul.mnuopn li.active ul li a{color: #49505B !important; padding: 0}
.block-menu ul.mnuopn li ul li:hover a{color: #ff6000 !important;}


.slider{position: relative; margin-bottom: 50px;}
.slider:after{width: 98%; height: 96%; position: absolute; top: 2%; left: 1%; border: 1px dashed #fff; content: ''; display: block; z-index: 10; border-radius: 3px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides_tabs{text-align: center; position: absolute; bottom: 20px; z-index: 11; width: 100%;}
.rslides_tabs li{display: inline-block;padding: 0 5px;}
.rslides_tabs li a{display: block; width: 20px; height: 20px; text-indent: -9999px; background: transparent; border: 3px solid #fff; border-radius: 100%;}
.rslides_tabs li.rslides_here a{background: #ff6000;}

h2{font: 400 26px/20px 'Patrick Hand SC', cursive; color: #fd6aa1; text-transform: uppercase; margin-bottom: 20px;}
h3{margin: 15px 0 10px; text-transform: uppercase;}
h3 a{font: 400 18px/20px 'Patrick Hand SC', cursive;}

.block-intro{margin-bottom: 50px; font: 400 15px/20px 'Patrick Hand', cursive;}
.block-intro p{color: #555; margin-bottom: 15px;}
a.view-more{color: #00a2ff;}
a.view-more:before{content: ''; display: inline-block; width: 14px; height: 10px; background: url(../images/front/sprite.png) no-repeat 0 -35px; margin-right: 10px;}
a.view-more:hover:before{background: url(../images/front/sprite.png) no-repeat -15px -35px;}
.block-news h3 a:hover,
#footer a:hover,
a.view-more:hover{color: #ff6000;}

.block-intro li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #e1e1e1;}
.block-intro li:last-child{padding: 0; margin: 0; border: none;}
.block-intro li span{color: #9c9c9c; display: block;}
.block-intro li strong{font: 400 20px/20px 'Patrick Hand SC', cursive; color: #555;}
.block-intro li:before{content: ''; width: 46px; height: 46px; background: url(../images/front/sprite.png) no-repeat; float: left; margin-right: 15px;}
.block-intro li.time:before{background-position: -30px 0;}
.block-intro li.phone:before{background-position: -78px 0;}

.block-class{padding: 60px 0 55px; background: url(../images/front/bg_class.png) repeat-x; margin-bottom: 45px;}
.block-class h2{color: #fffa68;}
.block-class h3 a{color: #fff;}
.block-class h3 a:hover{color: #FFF35A;}
.block-class ul li{margin-bottom: 20px;}
.block-class a.img{border: 1px dashed #fff; padding: 8px; display: inline-block; border-radius: 3px; overflow: hidden;}
.block-class a.img img{display: inline-block; border-radius: 4px;width: 100%;height: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
.block-class a.img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.block-class p{font: 400 15px/20px 'Patrick Hand', cursive; color: #fff;}

.block-news{}
.block-news h3 a{color: #333;}
.block-news a.img{display: inline-block;}
.block-news p{font: 400 15px/20px 'Patrick Hand', cursive; color: #555; margin-bottom: 10px;}

.block-moment{padding: 30px 30px 55px; border: 3px dashed #e1e1e1; border-radius: 4px;text-align: center;}
.block-moment h2{font-size: 20px;}
.block-moment ul{width: 270px; margin: auto;}
.block-moment li{height: 270px; border-radius: 100%;}
.block-moment li .detail{overflow: hidden; width: 100%; height: 100%; border-radius: 100%;}
.block-moment li .detail:before{width: 96%; height: 96%; position: absolute; top: 2%; left: 2%; border: 1px dashed #fff; content: ''; display: block; z-index: 10; border-radius: 100%;}
.block-moment li img{width: 270px; height: 270px;}

.block-moment ul.rslides_tabs{height: auto; width: 100%;left: 0; bottom: 15px;}
.block-moment .rslides_tabs li{height: auto;width: auto;}
.block-moment .rslides_tabs li a{border: none; background: #ccc; width: 15px; height: 15px;}
.block-moment .rslides_tabs li.rslides_here a{background: #ff6000;}

#footer{padding: 75px 0 45px; text-align: center; position: relative;}
#footer .container{background: url(../images/front/bg_footer.png) no-repeat top center; padding-top: 45px;}
#footer h2{margin-bottom: 25px}
#footer span{display: block; font: 400 17px/20px 'Patrick Hand', cursive; color: #666; margin-bottom: 10px;}
#footer p{font: 400 15px/20px 'Patrick Hand', cursive; color: #666; padding-top: 30px;}
/*==========================================================================*/

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

@media (max-width: 1450px){
	.block-diacau{width: 400px;}
}

@media (max-width: 1366px){
    .block-cloud{width: 170px; right: -103px;}
    .block-diacau{width: 365px;}
}
@media (max-width: 1190px){
	#footer .block-diacau,
	.block-cloud,
	.block-sun{display: none;}
	.block-moment ul{width: 100%;}
	.block-moment li{height: 240px;}
	.block-menu ul{margin: 0 -15px;}
	.block-menu li{padding: 0 15px;}
}
@media (max-width: 990px){
	#header{padding: 20px 0;}

	.block-menu ul li ul{position: relative; visibility: visible; display: none; padding: 0; top: 7px; border-radius: 0;}
	.block-menu ul li:hover ul{top: 7px;left: 0;}
	.block-menu li.active a:before, .block-menu li:hover a:before,
	.menu{display: none;}
	a.smobitrigger {display: block;}
    a.mnuclose{padding: 15px 20px; width: auto; background: #A71205  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;border-bottom: 1px solid #BD2C20;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important; }
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important;z-index: 9999;display: block;}
	
	.block-class{background: #fe8e4b; padding: 25px 0 0; margin-bottom: 30px;}
}
@media (max-width: 750px){
	.block-news .col-md-4,
	.block-bird{display: none;}
	.block-intro{margin-bottom: 30px;}
}
@media (max-width: 680px){
	.rslides_tabs{bottom: 5px;}
	.rslides_tabs li a{width: 10px; height: 10px; border: 2px solid #fff;}
}
@media (max-width: 630px){
	.block-intro .col-md-9,
	.block-intro .col-md-3{width: 100%;}
	.block-intro .col-md-9,
	.slider{margin-bottom: 30px;}
	.block-class ul li{width: 50%;}
}
@media (max-width: 500px){
	.block-news ul li.col-md-6{width: 100%; margin-bottom: 20px;}
	#footer{padding: 25px 0;}
}
@media (max-width: 420px){
	.logo{width: 200px;}
	a.smobitrigger{top: 10px;}
	.rslides_tabs{bottom: 0px;}
	h3{margin: 10px 0 5px;}
	.block-class h2{text-align: center;}
	.block-class ul li{width: 100%;text-align: center;}
}