@import url("my_css/my_effect.css");
/*reset*/
* {list-style:none;padding:0;margin:0 auto;}
a {text-decoration:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:12px;position: relative;box-sizing:border-box;overflow-y:scroll;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
*{margin:0;list-style:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{width:100%;margin: 0px auto;/* overflow-x:hidden; */}
/*commont*/
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%;}
.clear{display:block;clear:both;}
.l50{width: 50%;float: left;padding-right: 10px;}
.r50{width: 50%;float: right;padding-left: 10px;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.padding0{padding: 0px}
.paddingright0{padding-right: 0px;}
.clear20{height: 20px;clear: both;}
.paddingleft0{padding-left: 0px;}
.top20{margin-top: 20px;}
.top15{margin-top: 15px;}
.top10{margin-top: 10px;}
.top5{margin-top: 5px;}
.row_min{margin:0px;}
.row_sanpham{margin-left:-15px;margin-right: -15px;}
.inline_block{display: inline-block;}
.transAll03{-webkit-transition:all .3s;transition:all .3s;}
.transAll1{-webkit-transition:all 1s;transition:all 1s;}
.center{text-align: center;}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:40px;right:10px;display:none;cursor:pointer;z-index: 100;}
#top:hover{}
/*++++++++++Lien he+++++++++++*/
.tablelienhe{}
.tablelienhe span {color:#F00;}
.tablelienhe .my_cell {padding:5px 0px;vertical-align:top;}
.tablelienhe .my_cell  label{font-size: 12px;color:#404040;font-weight: bold;}
.tablelienhe .cell_title{text-align: right;padding-right: 15px;}
.tablelienhe .input {height: 32px;padding: 5px;border: 1px solid #d1d1d1;line-height: 20px;color: #666;font-size: 12px;box-sizing:border-box;outline:none; background: #fdfdfd;padding-left: 30px; width: 100%;}
.tablelienhe textarea.input{padding: 10px;}
.tablelienhe .input:focus{border-color:#33a3b3};
.tablelienhe textarea{padding: 5px;}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}
.button{display:inline-block;padding:5px 20px;border:1px solid #cdcdcd;cursor:pointer;background:#f0f0f0;color:#000;}
.button:hover{ border:1px solid #3399ff;}
.left_lienhe{width: 50%;box-sizing:border-box;padding-right: 10px;float: left;}
.right_lienhe{width: 50%;box-sizing:border-box;padding-left: 10px;float: right;}
.fa-contact{width: 33px;height: 32px;position: absolute;left: 0px;top:0px;line-height: 32px !important;font-size: 18px !important;text-align: center;color:#CCC1C1;}
.box_input_contact{position: relative;margin-bottom: 10px;}
.contain_map_lienhe{margin-top: 20px;}
.tablelienhe .box_not_valid .fa-contact{color:#f00;}
/*notify_input*/
.notify_input{width: 13px;height: 13px;display: inline-block;background: url(../images/commont/icon_tip.png) top left no-repeat;position: absolute;top:50%;right: 5px;margin-top: -6px;cursor: pointer;}
.content_notify_input{position: absolute;right:100%;white-space: nowrap;background: #F2F2F2;padding: 2px 5px;border:1px solid #999;top:-5px;display: none;margin-right: 3px;}
.notify_input:hover .content_notify_input{display: block;}
.fa-contact{position: absolute;left: 0px;top:0px;}
/*inner*/
.inner{width: 1200px;margin:0 auto;position:relative;}
/*header*/
#top_header{padding:7px 0px;background: #F0F0F0;border-bottom: 1px solid #E5E5E5;}
.slogan{font-size: 14px;font-family: 'RobotoRegular';}
#header{position:relative;width: 100%;margin: 0px auto;height:auto;background: #ebebeb;padding:10px 0px;border-top: 4px solid #0a2ea6;}
#languages{float: right;margin: 29px 10px 0px 15px;}
#languages a{color: #3d3d3d;font-size: 16px;font-family: RobotoBold}
/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position: absolute;top:10px;right: 0px;}
.logo{float: left;width:15%;}
.company{margin-left:3%;float: left;width:51%;}
.company p{font-size: 16px;margin-bottom: 0px;font-family: 'RobotoMedium';margin-top:10px;}
.hotline_top{height:51px;font-size:16px;color:#f00;padding-left:56px;position:absolute;right:0;top:16px;background: url(../images/icon_hotline.png) left center no-repeat;}
.hotline_top p{font-family: 'RobotoMedium';font-size: 14px;color:#000;text-transform: uppercase;margin-bottom: 0px;}
.hotline_top span{font-family: 'RobotoBold';font-size:16px;}
.social_top{position:absolute;right:0;top:10px;}
/*menu top*/
.fixed{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 9999;}
#menu{float: right;}
#menu ul li{float:left;position:relative;}
#menu ul li a{line-height:80px;font-size:16px;padding: 0px 20px;color:#3d3d3d;display:block;font-family: 'RobotoBold';text-transform: capitalize;}
#menu ul li.menu_active a,#menu ul li a:hover{color:#0a2ea6;}
#menu ul li ul{width:230px;position:absolute;top:100%;left:0;display:none;z-index:9999;}
#menu ul li ul li{background:#084BA6;display:block !important;float:none;border-bottom:1px solid #0E54B3;}
#menu ul li ul li:last-child{border-bottom: none;}
#menu ul li ul li a{background:none !important;color:#fff !important;line-height:normal !important;padding: 10px 25px;}
#menu ul li ul li a:hover{color:#fff !important;background:#E21E1E !important; }
#menu ul li ul li ul{top:0;left:100%;}
#menu ul li .fa{line-height: 45px;font-size: 18px;}

/*menu bootstrap*/
#btn_menu_bootstrap{z-index:999;position: absolute;left: 10px;top:10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span{background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{
    transform-origin:left 1px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;}
.clich_search{float: right;position: relative;margin-top: 29px;}
.clich_search span{display: block;cursor: pointer;}
.clich_search i{color: #000;font-size: 20px;}
/*search*/
#timkiem{width:240px;height:28px;background:#fff;position:absolute;right:-6px;top:28px;display: none;z-index: 999}
#timkiem input[type="text"]{outline:none;background:none;border:none;height:28px;width:200px;padding-left:10px;}
#timkiem #btn{height:28px;width:30px;font-size: 17px;color:#6d6d6d; cursor:pointer;float:right;position:absolute;right:0;top:0;background: none;outline:none;border:none;}
/*slider*/
#slider_category{margin-top: 10px;}
#slider{margin:auto;position:relative;margin-bottom:20px;box-shadow: none;}
.contain_slider{position: relative;width: 73.5%;float: right;}
#category{width: 25%;float: left;}
/*left*/
#left{float: right;}
.sub_left{margin-bottom:20px;}
.title_left{height:47px;background:#0a2ea6;margin-bottom: 3px;}
.title_left span{font-size:20px;color:#fff;font-weight:normal;font-family: 'RobotoCondensedBold';text-align:center;text-transform:uppercase;line-height:47px;display: inline-block;margin-left: 30px;}
.title_left span .fa{margin: 0px 10px 0px 0px;}
/*menu left*/
.menu_left{margin-bottom: 20px}
.menu_left ul li{position:relative;}
.menu_left ul li a{font-size:15px;color:#2c2c2c;box-sizing: border-box; text-transform: uppercase;font-family:'RobotoBold'; display:block;padding: 12px 10px 12px 25px;position: relative;background:#ededed;border-left:3px solid #EDEDED;margin-bottom:3px;}
.menu_left ul li a:hover{color:#084BA6;border-left:3px solid #084BA6;}
.menu_left ul li ul{display:none;width:100%;position: absolute;left: 100%;top:0px;z-index: 999;}
/*main*/
.home{background:#F5F5F5;padding:30px 0px;}
.sub_main{margin-bottom: 20px;}
.title_main{margin:10px 0px;text-align: center;border-bottom: 3px solid #EDEDED;position: relative;}
.title_main::after{position: absolute;width:68px;height: 3px;background:#084BA6;left: 0px;right:0px;content: '';bottom:-3px;margin:auto;}
.title_main span{color:#084BA6;font-weight:normal;display: block;font-size:35px;font-family: 'RobotoCondensedBold';text-transform: uppercase;}
/*product*/
.box_sanpham{float:left;margin-bottom:30px;}
.img_sanpham{text-align:center;overflow:hidden;background: #fff;border:1px solid #e0e0e0;box-sizing: border-box;padding: 10px;}
.img_sanpham a{display: block;overflow:hidden;}
.img_sanpham img {transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.img_sanpham img:hover {transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
.name_sanpham{text-align:center;text-transform:uppercase;font-size:15px;margin-top:15px;}
.name_sanpham h2{font-size: 15px;color:#000;font-family: 'RobotoBold';}
.gia_sanpham{text-align:center;margin-top:7px;font-family: 'RobotoBold';font-size: 15px;}
.gia_sanpham span{color:#DD1B1B;}
.view_product{display:block;margin:5px auto;width:195px;background: #E6E6E6;padding: 10px 0px;text-align: center;text-transform: uppercase;color:#000;font-size: 14px;font-family: 'RobotoRegular';border-bottom:3px solid #D9D9D9;border-radius: 3px;}
.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding:2px;border:1px solid #e0e0e0;}
/*product detail*/
.main_img_detail{border:1px solid #e0e0e0;}
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;    }
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail h1{font-size: 25px;font-weight:600;color: #333;line-height: 25px;}
.item_info_detail.gia_detail span{font-size: 18px;color:#f00;}

.item_tab{
    text-decoration: none;
    float:left;
    color:#000;
    background:#fff;
    padding:8px 20px;
    margin-right:3px;
    cursor:pointer;
    border:1px solid #EEEEEE;
    border-bottom:none;
    font-weight:bold;
    font-size:13px;
    display: inline-block;
}
.item_tab:hover,.item_tab.active{
    display: inline-block;
    background:#0E70BB;
    color:#fff;
}
.contain_content_tab{
    border:1px solid #e0e0e0;
    padding:10px;
    background:#fff;
}
.content_tab{display: none;}
.content_tab.active{display: block;}
/*news*/
.box_news{margin-bottom: 30px;}
.box_news_img{overflow:hidden;padding: 0px;position: relative;}
.box_news_img a{display: block;position: relative;}
.box_news_name a{color:#000;font-weight:normal;font-size: 16px;font-family: 'RobotoMedium';}
.box_news_name a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
/*news other*/
.tieude{font-family: 'RobotoMedium';font-size:25px;margin:5px 0px;}
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.item_news_other{width: 100%;margin-bottom: 15px;box-sizing:border-box;}
.name_news_other{font-size: 13px;line-height: 20px;font-weight: bold;color:#000;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}
/*news two column*/

/*doitac*/
#doitac{background: #f6f6f6;padding: 15px 0px;}

.item_doitac img{border:1px solid #cdcdcd;}
.contain_owl_doitac{position: relative;padding:0px 25px;}
.next_doitac{position: absolute;right:0px;top:23%;z-index:100;}
.prev_doitac{position: absolute;left:0px;top:23%;z-index:100;}
/*footer*/
#footer{background:#ededed;width:100%;margin: 0px auto;}
.footer{border-top: 1px solid #0a2ea6}
.logo_f{display: block;text-align: center;padding: 20px 0px;}
.item_footer{color:#fff;float: left;box-sizing: border-box;width: 18%;padding: 25px 0px 0px 40px;}
.item_footer:nth-child(1){width: 28%;padding: 25px 0px 20px 0px;}
.name_company{text-transform: uppercase;color:#fff;font-size:25px;font-family: 'RobotoCondensedBold';margin-bottom: 15px;}
.title_footer{color:#0f0f0f;font-family: 'RobotoRegular';font-size: 18px;margin-bottom: 10px;}
.content_footer ul li a{display: block;color:#313131;padding: 7px 0px;font-family: 'RobotoRegular';font-size: 14px;}
.content_footer ul li a:hover{color: #0a2ea6;}
.bct{display: block;margin-top: 15px;}
#regiter_social{height:auto;background: #084BA6;padding:15px 0px;}
.social-footer{float: right;margin-top: 16px;}
.social-footer img{margin-left: 5px;}
.social-footer span{font-size: 15px;float: left;line-height: 32px;padding-right: 5px; color:#fff;text-transform: uppercase;font-family: 'RobotoRegular';}
.copyright{color:#0f0f0f;font-size: 14px;font-family: 'RobotoRegular';text-align: center;padding-top: 10px;background: #ededed;}
.copyright span{color:#0f0f0f;}
.copy{border-top: 1px solid #0a2ea6;padding: 15px 0px;}
/*thong ke*/
.list_thongke li{padding: 5px 0px;font-size: 14px;color:#fff;padding-left: 25px;font-family: 'Arial';}
.list_thongke li.tk_online{background: url(../images/online.png) left center no-repeat;}
.list_thongke li.tk_week{background: url(../images/week.png) left center no-repeat;}
.list_thongke li.tk_today{background: url(../images/day.png) left center no-repeat;}
.list_thongke li.tk_all{background: url(../images/all.png) left center no-repeat;}

.content_main{padding: 10px 0px;}
/*album*/
.box_fotorama{width: 100%;margin: 0px auto;}
/*video*/
.box_video{width:100%;margin: 5px auto;position: relative;}
#list_video{width: 100%;height: 25px;line-height: 25px;}


/*news scroll*/
.img_news_scroll{width:30%;float: left;}
.right_news_scroll{width: 68%;float: right;}
.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height: 315px !important;width: 100% !important;}
.contain_news_scroll .vert .simply-scroll-list li{width: 100% !important;height: auto !important;padding: 5px 0px;}
.contain_news_scroll .vert .simply-scroll-list li img{max-width: 100% !important; }
/*.name_news_scroll h3{font-size: 13px;color:#6c6c6c;line-height: 15px;font-weight: bold;}*/
.name_news_scroll a{font-size: 13px;color:#000;line-height: 15px;font-weight: bold;display: block;white-space: normal;overflow: ellipsis;}
.des_news_scroll{color:#000;font-size: 13px;line-height: 20px;max-height: 44px;overflow: hidden;text-align: justify;margin-top: 5px;}
.date_news_scroll{margin: 3px 0px;color:#f00;}

#about{margin:30px 0px;}
.content_info{padding: 5px 0px 20px 0px;box-sizing: border-box;background: url(../images/line_top.png) left top no-repeat,url(../images/line_bottom.png) left bottom no-repeat;border-left: 3px solid #CCCCCC;}
.box_info{padding:30px;box-sizing: border-box;padding-right: 0px;}
.name_info{text-transform:uppercase;font-family: 'RobotoCondensedBold';font-size: 35px;color:#084BA6;margin-bottom:15px;}
.box_info .text{font-size: 13px;font-family: 'RobotoRegular';line-height: 25px;}
.view_info{width:104px;height: 33px;display: block;line-height:33px;text-align: center;text-transform:uppercase;color:#fff;background:#CCCCCC;margin-top: 20px;}
.box_iframe{padding:0px 0px 26px 26px;box-sizing: border-box;position: relative;}
.box_iframe::after{position: absolute;content: '';width:18px;height:220px;background: #e0e0e0;left: 0px;bottom:23px;}
.box_iframe::before{position: absolute;content:'';height:18px;width: 250px;background:#e0e0e0;left: 0px;bottom:5px;}
#service_doitac_map{padding: 30px 0px;}
.title{text-transform: uppercase;font-family: 'RobotoCondensedBold';font-size: 30px;color:#000;position: relative;padding-bottom:3px;margin-bottom: 20px;border-bottom: 3px solid #e0e0e0;}
.title::after{position: absolute;content: '';width:80px;height: 3px;background:#084BA6;left: 0px;bottom:-3px;}
.item_service{background:#084BA6;border-radius: 5px;min-height: 180px;}
.box_service{margin-bottom: 30px;}
.content_dt{background:#EEEEEE;padding: 15px 0px;}

.item_service h3{font-weight:normal;padding:5px 15px 0px 15px;box-sizing: border-box;min-height: 57px;}
.item_service h3 a{color:#fff;font-size: 16px;text-transform: uppercase;font-family: 'RobotoMedium';}
.img_dv{width: 30%;float: left;}
.img_dv img{border-radius: 100%;}
.info_dv{width: 70%;float: left;color:#fff;padding:20px 10px 0px;}

.title-mail{width:25%;float: left;}
.title-mail p{text-transform: uppercase;font-size:22px;font-family: 'RobotoCondensedBold';color:#fff;}
.title-mail span{color:#fff;}
.dangkymail{width: 35%;float: left;margin-top: 10px;}
.dangkymail input{outline: none; width: 80%;float: left;height:34px;border:none;background: #fff;padding-left: 10px;box-sizing: border-box;}
.dangkymail button{outline: none;width: 20%;float: left;height: 34px;border:none;background: #E62925;color:#fff;font-size: 14px;}

.box_map{margin-top: 30px;}
.left_map{width: 25%;float: left;height: 313px;overflow-y: scroll;overflow-x: hidden;}
.right_map{width:73%;float: right;border:1px solid #e0e0e0;padding: 5px;box-sizing: border-box;}
.box_cn{cursor: pointer; background: #F4F4F4;border:1px solid #0637A1;color:#000;padding: 15px;box-sizing: border-box;margin-bottom:5px;}
.box_cn.active{background:#0637A1;color: #fff; }
.box_cn p{font-family: 'RobotoRegular';font-size: 14px;margin-bottom:5px;}
.box_cn p:nth-child(1){text-transform: uppercase;font-size: 16px;font-family: 'RobotoMedium';}
.left_map::-webkit-scrollbar {
    width:10px;
    margin-left: 5px;
}
 
.left_map::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.left_map::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.mxh{
    margin-top: 20px;
    color: #0f0f0f;
    font-size: 18px;
    font-family: RobotoRegular;
    font-style: italic;
}
.mxh a{
    margin-right: 10px;
    display: inline-block;
    margin-top: 20px;
}
#box-hotro{
    background: #ededed;
    padding: 20px;
}
.box-hotro{
    margin-bottom: 20px;
}
.box-hotro img{
    margin-right: 10px;
    width: 20px;
}
.ten-hotro{
    color: #2c2b2b;
    font-size: 14px;
    font-family: RobotoBold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.dienthoai-hotro{
    color: #cc181e;
    font-size: 16px;
    font-family: RobotoBold;
    margin-bottom: 10px;
}
.mail-hotro{
    color: #2a2a2a;
    font-size: 14px;
    font-family: RobotoRegular;
    margin-bottom: 10px;
}
.noidung_f{
    background: #fff;
    border:1px solid #0a2ea6;
    border-radius: 7px;
    padding: 10px;
}
.content-mid{
    width: 426px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.content-mid:nth-child(2n+2){
    margin-right: 0px;
}
.content-mid:nth-child(2n+3){
    clear: both;
}
.bg-tieude{
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #0a2ea6;
}
.bg-tieude h2{
    color: #2c2b2b;
    font-size: 20px;
    font-family: RobotoBold;
    text-transform: capitalize;
}
.ten-tintuc{
    color: #181818;
    font-family: RobotoBold;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.ten-tintuc:hover{
    color: #0a2ea6;
}
.ten-tintuc b{
    color: #cc181e;
    margin-right: 8px;
}
#tabsp{
    text-align: center;
    margin:30px 0px;
}
.tabsp{
    display: inline-block;
}
.tabsp li{
    display: inline-block;
}
.tabsp li a{
    display: block;
    background: #0E70BB;
    color: #fff;
    padding: 10px;
    margin: 3px 1px;
    font-size: 14px;
    font-family: RobotoRegular;
}
.tabsp li a:hover{
    background: #cc181e;
}
.muangay{
    color: #fff;
    background-color: #cc181e;
    border-radius: 5px;
    padding: 10px;
    font-size: 20px;
    font-family: RobotoRegular;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    margin: 10px 0px;
}
.muangay:hover{
    background: green;
    color: #fff;
}
.button{
    background: #f00;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    padding: 10px 30px;
    margin-right:5px;
    cursor: pointer;
    outline:none;
    margin-top: 10px;
}
.button:hover{
    background: #f00;
}
.noidung_contact{
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.input_contact{
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    outline: none;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 5px;
}
.ta_contact{
    border: 1px solid #ccc;
    outline: none;
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}
#album{
    width: 958px;
    text-align: center;
    margin: 0 auto;
}
#map_canvas {    
    height: 562px;
    width: 100%;
    border:1px solid #ccc;
}
#map_canvas iframe{
    width: 100% !important;
    height: 100% !important;
}