.m-menu
{
    display:none;
}

.title-home{
    font-size:24px;
    font-weight:700;
    
    text-transform:uppercase;
    color:#00879e;
    margin:0;
    margin-bottom:35px;
    background-image:url(../images/bg_title_line.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    padding-bottom:10px;
    text-align:center;
}
.title-home a{
    font-size:24px;
    font-weight:700;
    text-transform:uppercase;
    color:#00879e;
}
.title-home a:hover {
    color:#2c2828
}
.title-home-fff{
    color:#fff;
    text-align:left;
    background-image:url(../images/bg_title_line_fff.png);
    background-position:left bottom;
}
.title-home-left{
    text-align:left;
    background-position:left bottom;
}
.page-name {
    margin: 0px;
    padding: 0px;
    color: #00879e;
    font-size: 18px;
    font-weight:700;
    
    margin-top:40px;
    margin-bottom:20px;
    background-image:url(../images/bg_page_name.png);
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:90px;
    line-height:42px;
    text-transform:uppercase;
}
.intro-cat
{
    font-size:14px;
    color:#484848;
    padding-bottom:20px;
    color:#444444
}

.crumb {
    color: #cb242e;
    border-bottom:solid 1px #ececec;
    font-size: 13px;
    background-color:#f5f5f5;
    padding: 8px 0px;
}

    .crumb a {
        text-decoration: none;
        color: #525252;
    }

/*Nav*/
.main-nav
{
    background-color:#0091AA;
}

.nav {

    padding: 0px;
    margin: 0px;
    height: 46px;
    font-weight:700;
    font-size:14px;
    
}

.nav li {
list-style: none;
display: inline-block;
}

.nav li a {
    line-height:46px;
    display: block;
    padding: 0px 11px;
    color: #fff;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:700;
    
}

.nav li.active a, .nav li:hover a {
    color: #fff;
    background-color:#009eb9
}

.nav li a i.icon-home {
    background: url(../images/icon-home-menu.png) no-repeat center;
    height: 23px;
    width: 18px;
    margin-bottom: -6px;
    padding-right:0;
    padding-left:0;
    display: inline-block;
}

        
.nav li {
position: relative;
}

.nav li ul {
padding: 0px;
margin: 0px;
width: 280px;
top: 100%;
left: 0px;
position: absolute;
background: #009eb9;
display: none;
z-index: 9999;

background-repeat: repeat-x;
background-position: top;
}

.nav li ul li {
    list-style: none;
    width: 100%;
    display: block;
}

    .nav li ul li a {
        padding: 12px 14px;
        display: inherit;
        line-height: normal !important;
        text-transform: none;
        font-size: 14px;
        font-weight: normal;
        color: #fff !important;
        font-weight:normal !important;
        font-family:"Hel",Arial, Helvetica, sans-serif;
        background-image:url(../images/bulet-w.png);
        background-repeat:no-repeat;
        background-position:10px 17px;
        padding-left:24px
    }

        .nav li ul li a.have-bg {
            background-position: left center;
            background-repeat: no-repeat;
            padding-left: 40px;
            margin-left: 10px;
        }

        .nav li ul li a:hover {
            background-color:#ffd503;
            color:#4d4d4f !important
        }

    .nav li ul li ul {
        top: 0px;
        left: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
        display: none;
    }



/*FAQ*/
.faq-name {
    margin: 0px;
    padding: 0px;
    color: #222;
    font-family: helb;
    font-size: 16px;
    background: url('/App_Themes/images/faq-icon.png') no-repeat;
    padding-left: 40px;
    cursor: pointer;
    padding-bottom:20px;
}



    .faq-name:hover {
        color: #13b0e7;
        background: url('/App_Themes/images/faq-active-icon.png') no-repeat;
    }


.faq-answer {
    position: relative;
    background: #f1f1f1;
    border: 1px solid #f0f0f0;
    padding: 26px;
    line-height: 25px;
    border-radius: 5px;
    display: none;
    margin-bottom:20px;
}

    .faq-answer:after, .faq-answer:before {
        bottom: 100%;
        left: 50px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .faq-answer:after {
        border-color: rgba(241, 241, 241, 0);
        border-bottom-color: #f1f1f1;
        border-width: 15px;
        margin-left: -15px;
    }

    .faq-answer:before {
        border-color: rgba(240, 240, 240, 0);
        border-bottom-color: #f0f0f0;
        border-width: 16px;
        margin-left: -16px;
    }

    /*social*/
    .social-link {
    width: auto;
    padding-top:4px;
    padding-bottom: 5px;
    border-right: none;
    
}

    .social-link a {
        display: block;
        width: 28px;
        line-height: 24px;
        float:left;
        margin-left:0px;
        background-size:100%;
        border:solid 2px #fff;
        color:#fff;
        -webkit-border-radius: 100px;
border-radius: 100px;
text-align:center;
margin-right:10px !important;
    }
    .social-link i.fa{
         margin-right:0 !important
    }

.link-facebook {
   
}

    .link-facebook:hover {
      
    }

.link-twitter {
   
}

    .link-twitter:hover {
       
    }


.link-google {
  
}

    .link-google:hover {
        
    }

.link-youtube {
   
}

    .link-youtube:hover {
       
    }


.link-linkedin {
   
}

    .link-linkedin:hover {
        
    }

.link-instagram {
   
}

    .link-instagram:hover {
      
    }

/*News*/
.news-col
{
    border:solid 1px #ededed;
    padding:20px;
}

.news-col .item-news-col
{
    border-bottom:solid 1px #d7d7d7;
    padding-bottom:20px;
    margin-bottom:20px;
}
.news-col .item-news-col img
{
    width:32%;
    float:left;
    margin-right:10px;
}
.news-col .item-news-col a{
    color:#4d4d4f;
}
    .news-col .item-news-col a:hover {
        color: #00879e;
    }
.news-title {
    margin: 0px;
    padding: 0px;
    color: #222;
    font-size:30px;
    font-weight:700
}


.News-list
{

}
.News-list .item-news
{
overflow:hidden;
margin-bottom:15px
}
.News-list .item-news img
{
    float:left;
    margin-right:15px;
    width:30%;

}



.news-title {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 18px;
    font-weight:700;
    margin-top:10px;
}

.news-title a {
text-decoration: none;
color: #00549f;
font-weight:700;
}

.news-title a:hover {
    text-decoration: none;
    color: #13b0e7;
}
.news-intro {
    text-align: justify;
    color: #444444;
    margin-top:10px;
    margin-bottom:15px;
    line-height:20px;
}
.title-detail
{
    font-size:24px;
    color:#00879e;
    font-weight:700;
    
    margin:0;
    margin-top:60px;
    margin-bottom:5px;
    
}
.intro-detail
{
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;

}
.create-date {
    color: #999;
}

.intro-detail {
    color: #222222;
    
}

.other-news-title {
    
    font-size: 18px;
    text-transform: uppercase;
    color: #00879e;
    font-weight:700;
    margin-top:20px;
    background-image:url(../images/bg_page_name.png);
    padding-left:90px;
    line-height:50px;
    background-position:center left;
    background-repeat:no-repeat;
}

.news-other {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}

    .news-other li {
        list-style: none;
        margin: 15px 0px;
    }
    .news-other li div.img
    {
        width:30%;
        float:left;
        margin-right:20px;

    }
    .news-other li div.img img{
        display:block;
        width:100%;
    }

        .news-other li a {
            text-decoration: none;
            color: #4d4d4f;
        }

    .news-other .fa {
        color: #424242;
        font-size: 14px;
    }

    .news-other li a:hover {
        text-decoration: none;
        color: #13b0e7;
    }

    .content-text
    {
        color:#696969;
        line-height:22px;
        padding-bottom:30px;
    }
	.content-text img
	{
		display:inline-block !important
	}


/*Video*/
.video-home
{
    height:415px;

}
.plyr,.plyr__video-embed
{
    height:415px !important;
}
.video-home iframe
{
    height:415px;
}

.video-home .thumb
{
    display:block;
    position:relative;
}
.video-home .thumb img{
    width:100%;
    display:block;
}
.video-home .title-video-home
{
    position:absolute;
    bottom:0;
    padding:10px;
    width:100%;
    color:#fff;
    font-size:14px;
    font-weight:700;
    color:#fff;
    background-image:url(../images/tran.png);
}
.video-home .thumb .playbtn
{
    position:absolute;
    top:50%;
    left:50%;
    font-size:70px;
    margin-top:-35px;
    margin-left:-35px;
    color:#fff;
    font-weight:700;

}
.video-home .thumb .playbtn:hover
{
    color:#f35f0b

}
.item-video-home a{
    color:#484848;
}
.item-video-home a:hover {
        color: #cb242e;
}
.item-video-home
{
    border-bottom:solid 1px #c3c3c3;
    padding-bottom:15px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:15px;
}
.item-video-home img
{
    width:45%;
    float:left;
    margin-right:10px;
}


.videolist
{
    

}
.item-video
{
    margin-bottom:15px;

}
.item-video a{
    color:#525252;
}
.item-video .thumb-video{
    display:block;
    position:relative;
}


    .item-video .thumb-video img {
        width:100%;
        display:block;
        border:solid 1px #d7d7d7;
        padding:2px;
    }
.item-video .thumb-video i.fa {
    font-size:40px;
    color:#fff;
    top:50%;
    left:50%;
    margin-left:-20px;
    position:absolute;
    margin-top:-20px;
}
.item-video .title-video{
    margin-top:10px;
}
.item-video .thumb-video i.fa:hover {
    color:#008439
}
.intro-video
{
    color:#525252;
    margin-top:15px;
    margin-bottom:15px;
}

/*Prodcut*/

.bx-wrapper
{
    margin-bottom:20px;
}
.flex-direction-nav
{

}
.flex-direction-nav li
{

}
.flex-direction-nav li a
{
    display:block;
    width:26px;
    height:50px;
    background-repeat:no-repeat;
}
.flex-prev
{
    background-image:url(/App_Themes/images/npsubSlide.png);
    background-position:0 0;
}
.flex-next
{
    background-image:url(/App_Themes/images/npsubSlide.png);
    background-position:-30px 0px;
}
.Cartempty
{
    text-align:center;
    font-weight:700;
    padding-top:30px;
    padding-bottom:30px;
    color:#008439;
}
.lag-photo-product
{
}
.lag-photo-product img
{
    width:100%;
    margin:0;
}
.thumb-slider
{

}
.thumb-slider
{

}
#thumb-pager
{
    margin:0;
    padding:0;
}
#thumb-pager li{
    display:block;
    float:left;
}


.properties
{
    border-top:solid 1px #cbefee;
    margin-top:20px;
}
.properties .item-property
{
    border-bottom:solid 1px #cbefee;
    padding-top:10px;
    padding-bottom:10px;
    color:#383838;
    overflow:hidden;

}
.properties .item-property .att-title
{
    width:40%;
    float:left;

}
.properties .item-property .att-value
{
    width:60%;
    float:left;
}

/*Tim kiem*/
.intro-search
{
    margin-top:5px;
    line-height:20px;
    color:#222;
}

.brn-search-destop{
    width:46px;
    float:right;
    position:relative;
    height:46px;
}



.box-share {
    border: solid 1px #CCC;
    width: 215px;
    line-height: 30px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
    overflow: hidden;
    margin-top:15px;
}

.addthis_counter.addthis_pill_style {
    overflow: visible !important;
}

.addthis_button_compact {
    display: inline-block;
    padding: 20px !important;
    background: url(../images/sharevn.png) no-repeat center top !important;
    width: 100px !important;
    height: 30px !important;
    margin-top: 8px !important;
}

.pintpage {
    background-image: url(../images/icon-print.png);
    background-position: 10px 4px;
    background-repeat: no-repeat;
    padding-left: 35px;
    color: #484849;
    text-decoration: none;
    display: inline-block;
    line-height: 30px;
}


.share-box {
    border: solid 1px #CCC;
    padding: 10px 10px;
    width: 200px;
    margin: 0 auto;
}

.print-page {
    float: left;
    margin: 0px 15px;
}

.share-page {
    float: left;
    margin: 0px 15px;
}

.contact-form {
}

    .contact-form input {
        height: 50px;
        border: solid 1px #999;
        font-family: roboto;
        float: left;
        padding-left: 3px;
        font-size: 16px;
    }

    .contact-form textarea {
        width: 100%;
        height: 150px;
        border: solid 1px #999;
        float: left;
        font-family: roboto;
        padding-left: 3px;
        font-size: 16px;
    }

.contact-address {
    
    font-size: 18px;
    text-transform: uppercase;
    color: #008439;
}

.contact-left {
    border: solid 1px #ccc;
    padding: 20px;
}

.btn-send {
    display: block;
    text-align: center;
    color: #FFF;
    background-color:#6480c8;
    font-size: 20px;
    padding: 10px 20px;
    width:auto;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    float:left;
}
.btn-reset {
    background-color:#565656;
    width: auto;
    float:left;
    margin-left:10px;
}


.page-grid
{

}
.page-grid .item-page-grid
{

}
.page-grid .item-page-grid img
{
    width:100%;
}
.page-grid .item-page-grid .page-grid-name
{
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:15px;
    margin-bottom:15px;
}
.page-grid .item-page-grid .page-grid-name a{
    color:#414141;
}
.page-grid .item-page-grid .page-grid-name a:hover{
    color:#00549f;
}
.page-grid-intro
{
    line-height:22px;
    color:#444444;
    margin-bottom:20px;
}
.c50
{
    height:50px;
    clear:both;

}
.productdetail
{

}
.name-product-detail
{
    font-size:40px;
    font-weight:700;
    color:#404040;
    margin:0;
    padding:0;
    margin-bottom:5px;
}
.productdetail .price
{
    font-size:25px;
    color:#d30000;
    font-weight:700;
    margin-bottom:10px;
}
.productdetail .price span
{
    font-size:18px;
    color:#404040;
    font-weight:700;
}
.productdetail .tongdientich
{
    margin-bottom:3px;
 }
.productdetail .phong{
    margin-left:20px;
    color:#6e6e6e;
    margin-bottom:10px;
}
.productdetail i.fa{
    font-size:20px;
    padding-right:5px;
}
.productdetail .add
{
    padding-top:5px;

}
.intro-pro-detail
{
    color:#444444;
    margin-top:10px;
    margin-bottom:10px;
}
.productdetail .btn-datphong
{
    display:block;
    padding-top:14px;
    padding-bottom:14px;
    text-align:center;
    width:100%;
    background-color:#00549f;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    font-size:16px;
    margin-top:20px;
}

.titlle-detail
{
    border-bottom:solid 1px #d6d6d6;
    font-size:22px;
    color:#515151;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:30px;
}
.titlle-detail span
{
    display:inline-block;
    border-bottom:solid 3px #13b0e7;
    padding-bottom:10px;
    margin-bottom:-2px;
}
.prop
{
    color:#6e6e6e;
    border:solid 1px #d6d6d6;
    border-top:none;
    padding:25px;
    padding-left:30px;
    padding-right:30px;
    line-height:20px;
}

.item-prop{
    margin-bottom:10px;
}
.prop i.fa{
     color:#13b0e7;
     font-size:20px;
     padding-right:5px;
     
}
.hd-prop
{
    background-color:#acacac;
    text-align:center;
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:15px;
    font-weight:700;

}

/*Tìm kiếm*/
.search-resume
{

}
.item-search
{
    margin-bottom:15px;

}
.search-title
{
    font-size:16px;
    
    margin:0;
    padding:0;
    margin-bottom:10px;
}
.search-title a{
    color:#222;
    font-weight:700;
}
    .search-title a:hover{
        color:#13b0e7
    }
.intro-search
{
    line-height:22px;
}
.albumlist
{

}
.xxx
{
    background-image:url(../images/bg_item_album.png);
    background-repeat:no-repeat;
    background-position:75px 20px !important;
}
.albumlist .albumitem
{
    width:80%;
    margin:auto;
    
}
.thumb-album
{
    overflow:hidden;
    -webkit-border-radius: 200px;
border-radius: 200px;

}
.thumb-album img{
    width:100%;
}
.albumlist-title
{
    text-align:center;
    padding-top:20px;
    padding-bottom:15px;
    font-size:18px;
    font-weight:700;
    margin:0
}
.albumlist-title a{
  color:#505050;
}
    .albumlist-title a:hover {
        color:#13b0e7;
    }
    .photo-view
    {
        margin:auto;
        float:none;

    }
    .error-input
    {
        border:solid 1px red !important;
        background-color:#f5f5f5;
    }
.mes-suc
{
    color:#cb242e;
    font-weight:700;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    font-size:15px;
}
.frmConact
{

}
.frmConact .form-control
{
    background-color:#efefef;
    border:solid 1px #efefef !important;
    padding:10px !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
    color:#222;
    font-size:16px;
    box-shadow:none;
    height:auto;
    margin-bottom:10px;

}
.copyright
{
    text-align:center;
    color:#ffffff;
    background-color:#ffbd03;
    padding-top:15px;
    padding-bottom:15px;
}
#button-btt{
    position: fixed;
    right: 10px;
    bottom: 45px;
}

.hd-col
{
    background-color:#0094ad;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:20px;
    border-top:solid 3px #ffd503;
    color:#fff;
    font-weight:700;
    
    font-size:18px;
}
.hd-col a
{
    color:#fff;
     font-weight:700;
    
}
.adv-right
{
    margin-top:20px;
}
.adv-right img{
    width:100%;
}
.fan-page
{
    margin-top:20px;

}
/*Phone call*/
.suntory-alo-phone {background-color: transparent;cursor: pointer;height: 120px;position: fixed; transition: visibility 0.5s ease 0s;width: 120px;z-index: 200000 !important; bottom:0px !important}
.suntory-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 80px;left: 5px;opacity: 0.1;position: absolute;top: 5px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 80px;}
.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: 60px;left: 15px;position: absolute;top: 15px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 60px;}
.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;height: 40px;left: 25px;opacity: 0.7;position: absolute;top: 24px;transform-origin: 50% 50% 0;width: 40px;}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {opacity: 1;}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {border-color: #ffd503;opacity: 0.5;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {border-color: #EB278D;opacity: 1;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #bfebfc;opacity: 1;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {background-color: #EB278D;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {background-color: #ffd503;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {background-color: #EB278D;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #ffd503;}
@keyframes suntory-alo-circle-anim {0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}}
@keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}}
@keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}}
.suntory-alo-ph-img-circle i {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size: 20px;line-height: 40px;padding-left: 10px;color: #fff;}
@keyframes suntory-alo-ring-ring {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}}
#suntory-alo-phoneIcon{display: none}

.divloadding
{
    text-align:center;
    min-height:564px;
    position:absolute;
    top:-60px;
    left:0;
    background-image:url(../images/tran.png);
    z-index:1000;
    width:100%;
    display:none;
}
.divloadding img{
     display:block;
     margin:auto;
}
.mes-divloadding
{
    color:#fff;
}
.frm-search-destop
{
    float:right;
    margin-right:20px;
    margin-top:2px;
    margin-bottom:2px;
}
.frm-search-destop input{
    border:none;
    padding:5px;
    width:225px;
    border:solid 1px #fff;
    float:left;
}
.search-submit
{
    background-image:url(../images/btnsearch.png);
    background-position:center center;
    width:38px !important;
    height:32px;
    border:none !important;
    margin-left:-2px;

}
.gmap
    {
        width:100%;
        height:600px;

    }