#AdvBackgroundSlide,
#AdvBackgroundSlide .bgleft
{width:100%;max-width:100%;height:478px;position:relative;background-position:center}

#AdvBackgroundSlide{position:relative;z-index:2;height:478px;border-bottom:7px solid #2e80c5}
#AdvBackgroundSlide .btnview{width:143px; height:77px;background:url(btnview.png.ashx) no-repeat center center;position:absolute;top:60%;left:7%;z-index:2}
#AdvBackgroundSlide .bghomepage{position:absolute;z-index:1;left:0;top:0;width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
#AdvBackgroundSlide .label_text {position:absolute;bottom:40px !important;width:100%;left:0;z-index:200}
#AdvBackgroundSlide .label_text .text{width:786px;margin:0 auto;background:url(bgtitle.png) repeat center;font:normal 28px/40px OpenSansLight;color:#fff;text-align: center;padding: 15px 60px;}
#AdvBackgroundSlide .label_text .text .bgTrichdanleft{ background: url(trichdanleft.png.ashx) no-repeat;height: 25px;width: 34px;display: inline-block;vertical-align: top;margin-right: 5px;}
#AdvBackgroundSlide .label_text .text .bgTrichdanright{ background: url(trichdanright.png.ashx) no-repeat;height: 25px;width: 34px;display: inline-block;margin-left: 5px;}


#AdvBackgroundSlide a.left{position:absolute;z-index:2;top:calc(50% - 30px);left:20px;width:60px;height:60px;background: url(next.png) no-repeat left;}
#AdvBackgroundSlide a.right{position:absolute;z-index:2;top:calc(50% - 30px);right:20px;width:60px;height:60px;background: url(prev.png) no-repeat right;}
#AdvBackgroundSlide a.left:hover{opacity: 0.5}
#AdvBackgroundSlide a.right:hover{opacity: 0.5}

@keyframes HomeSlide
{
0%   {top:-500px; right:75px;}
25%  {top:-300px; right:75px;}
50%  {top:-150px; right:75px;}
75%  {top:-20px; right:75px;}
100% {top:55px; right:75px;}
}
@-webkit-keyframes HomeSlide /* Safari and Chrome */
{
0%   {top:-500px; right:75px;}
25%  {top:-300px; right:75px;}
50%  {top:-150px; right:75px;}
75%  {top:-20px; right:75px;}
100% {top:55px; right:75px;}
}

#AdvBackgroundSlide .dotlist{bottom:13px;width:100%;position:absolute;height:10px;z-index:1000;display:none}
#AdvBackgroundSlide .dot{text-align:center;height:6px;width:29px;cursor:pointer;display:inline-block;background: #fff;margin-right: 10px;}
#AdvBackgroundSlide .dot:hover{background: #5fb431}
#AdvBackgroundSlide .active{background: #5fb431}
#AdvBackgroundSlide .dotlist a{text-align:center;height:14px;display:block}

@media(max-width:1600px){
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 560px;}
}
@media(max-width:1024px){
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 358px;}
}
@media (max-width:1000px) {
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 450px;}
#AdvBackgroundSlide a.right{right:10px;}
#AdvBackgroundSlide a.left{left:10px}
}
@media(max-width:768px){
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 269px;}
}
@media (max-width:479px) {
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 170px;}
/*#AdvBackgroundSlide a.left,#AdvBackgroundSlide a.right{ display: none;}*/
#AdvBackgroundSlide a.left{top:calc(50% - 15px);left:10px;width:30px;height:30px;background: url(next2.png) no-repeat left;}
#AdvBackgroundSlide a.right{top:calc(50% - 15px);right:10px;width:30px;height:30px;background: url(prev2.png) no-repeat right;}
#AdvBackgroundSlide .btnview{width:70px; height:38px;background:url(btnview2.png.ashx) no-repeat center center;top:70%;left:calc(50% - 15px);z-index:2}
}
@media(max-width:360px){
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 126px;}
}

@media(max-width:320px){
#AdvBackgroundSlide, #AdvBackgroundSlide .bgleft{height: 112px;}
}