/** * @version $Id: style.css 3 2014-03-21 10:53 Phu $ * @package vFramework.theme * @copyright (C) 2014 Vipcom. All rights reserved. * @license Commercial */ @charset "UTF-8"; @import url("content.css"); /** RESET */ @import url("reset.css"); /**Add font**/ /** GRID */ .clr{clear:both;} div.w{margin:0px auto;width:100%} #p{width:978px} #t{background:#000;color:#FFF;height:30px} #f{clear: both;} .c12{width:50%;float:left} /** TYPOGRAPHY */ body{ /*font:87.5%/1.429em Arial,Verdana; *//* size 14px, line-height 20px */ font-size: 14px; line-height: 20px; font-family: arial,Verdana; *font-size:small; *font:x-small; overflow-x:hidden ; } .vf_tit{font-size:1.5em;font-weight:bold;margin:15px 0} .tiny{font-size:.6em} .small{font-size:.8em} .large{font-size:1.2em} .vf_cuoi{padding:10px} .vf_ctn {text-align: justify;} .vf_ctn p,.vf_ctn div{margin-bottom:12px;line-height:1.8;font-size: 14px;} .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;} .clearfix{display:block;zoom:1} /* Default link */ a{color:#333;text-decoration:none;outline: none} a:hover,a:focus{text-decoration:none;outline: none} a:active,a:visited{color:#525252;outline: none} /* Custom select */ ::selection{background:#525252;color:#fff} ::-moz-selection{background:#525252;color:#ff} /** CLEAR **/ .clr{clear:both; height:0; line-height:0;} .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /** FORM */ form fieldset{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-top:5px;padding-left:5px;border:1px solid #ccc} form fieldset legend{font-size:1.4em;padding:0 5px} form input[type=text],form input[type=email],form input[type=url]{height:20px;margin-bottom:5px;border:1px solid #ccc;padding:4px 0 1px 5px;width: 250px;} form label{display:block;height:20px;font-size:1.2em} input[type=text],input[type=password]{} form input{outline: none;} /** LAYOUT */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a {outline: none;} .w {background: url(../img/page-background.jpg) no-repeat fixed center center / cover;} /* Menu */ .vf_menu{margin-left:20px;height:50px;position:relative;} .vf_menu ul{position:relative;z-index:99;} .vf_menu ul li{float:left;position:relative;margin-right:5px;} .vf_menu ul li a{display:block;float:left;padding:5px 20px 4px 20px;font-size:10px;text-decoration:none;} ul li {list-style: none;} @media print { *{color:#000 !important;text-shadow:none !important;background:transparent !important;box-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre, blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} select{background:#fff !important} .nop{display:none} #p,.vf_ctn{width:100%} } @media all and (max-width: 978px) { #p{width:100%} } .introLoader, .introLoading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 9999; } .introLoading { background-color: #fff; } .absolute.introLoader { position: absolute; } body.introLoader_preventScroll { position: fixed; width: 100%; height: 100%; margin: 0; overflow: hidden; } /* *************************************************** */ /* GifLoader Animation */ /* *************************************************** */ .introLoader.gifLoader .gifLoaderInner { background-image: url(../img/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; } .introLoader.gifLoader .gifLoaderInnerCustom { background-repeat: no-repeat; background-position: center center; } .introLoader.gifLoader .gifLoaderInner, .introLoader.gifLoader .gifLoaderInnerCustom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /********************************* HEADER *****************************/ #top {max-width:980px;margin: 0 auto;} #header {width: 100%;position: relative;overflow: hidden;} #logo {float: left;position: absolute;top: 10px ;left: 10px;} #language {position: absolute;top: 20px;right: 245px;z-index:99} #language a.active {border: 1px solid #fff;width: 22px;height: 15px;} #lang_en {text-indent: -9999em;background: url(../img/Flag-en.png) no-repeat;width: 20px;height: 13px;display: inline-block; margin-left: 6px;} #lang_vn {text-indent: -9999em;background: url(../img/Flag_of_Vietnam.png) no-repeat;width: 20px;height: 13px;display: inline-block; } .row {max-width: 980px;margin: 0 auto;background: #a0c800; border-bottom: 1px solid #a8a7a7;border-top: 1px solid #c9c9c9;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 0 10px;} .row .vf_menu {margin-left: 0px;height: 38px;overflow: hidden;} .row .vf_menu.error {overflow: inherit;} .row .vf_menu a {white-space: nowrap;} .row .vf_menu .sub1.error {overflow: hidden;} .row .vf_menu .sub1 > li {float: left;font-size: 14px;line-height: 1em;position: relative;margin-right: 0px;} .row .vf_menu .sub1 {float: left;z-index: 100} .row .vf_menu .sub1 > li {transition:background .2s linear; -webkit-transition:background .2s linear; -moz-transition:background .2s linear;} .row .vf_menu .sub1 > li > a {color: #fff;padding: 12px 0px 12px ;font-size: 14px;display: block;position: relative;transition:background .2s linear; -webkit-transition:background .2s linear; -moz-transition:background .2s linear; text-transform: uppercase;white-space:nowrap;text-align: center;} .row .vf_menu .sub1 > li:hover .sub2 {display: block;} .en .row .vf_menu .sub1 > li > a {padding: 12px 10px} .row .vf_menu .sub1 > li.fix a:before {width: 0px;} .row .vf_menu .sub1 > li:hover,.row .vf_menu > ul > li >a.active {background-color: rgba(37, 37, 37, 0.85);color: #ffffff;} .row .vf_menu .sub1 > li:hover > a {color: #ffffff} .row .vf_menu .sub1 > li > a:before {content: "";width: 1px;height: 25px;background-color: #fff;position: absolute;top: 6px;right: 0px;} .row .vf_menu .sub1 > li:hover .sub2 {/*display: block;*/} .row .vf_menu .sub1 > li:hover a:before,.row .vf_menu > ul > li > a.active:before {background-color: #282828} .row .vf_menu .sub2 {position: absolute;top: 38px;left: 0px;z-index: 100;display: none;} .row .vf_menu .sub2 > li {display: block;background-color: rgba(37, 37, 37, 0.85);width: 100%;position: relative;margin-right: 0px;} .row .vf_menu .sub2 > li:hover {background: #006920} .row .vf_menu .sub2 > li:hover .sub3 {display: block;} .row .vf_menu .sub2 > li a {padding: 9px 23px 9px 10px;color: #fff;display: block;font-size: 14px;width: 100%;} .row .vf_menu .sub2 .sub21 > a {background: url(../img/chevron-right-white-5px-right-gutter.png) no-repeat right center;} .row .vf_menu .sub3 {position: absolute;top: 0px;left: 100%;display: none;z-index: 100} .row .vf_menu .sub3 > li {display: block;background: #006920;width: 100%;margin-left: 0px;position: relative;} .row .vf_menu .sub3 > li:hover {background: #009424} .row .vf_menu .sub3 > li > a {padding: 9px 23px 9px 10px;color: #fff;display: block;font-size: 14px;} #search {background: #ffffff;border: 1px solid #ccc;width: 186px;position: absolute;right: 20px;top: 15px;} #search #k {border: none;display: block;float: left;font-size: 0.923em;line-height: 1.167em;margin: 4px 0 3px;padding: 0 9px;width: 160px;height: 15px;} #search .submit { background: url(../img/chevron-right-white-5px-right-gutter.png) no-repeat right center #006c95;cursor: pointer;float: right;height: 22px;text-indent: -999em;width: 22px;border: none} #search_category {min-width: 53px;} .search_sub {cursor: pointer;padding: 5px 8px 5px 5px;font-size: 0.923em;line-height: 1.167em;color: #252525;} .search_sub:hover {text-decoration: underline;} #search_active {display: block;float: left;width: 54px;padding-left: 7px;background: url('../img/chevron-down-black.png') no-repeat 44px center;margin: 2px 0 3px 1px;padding-top: 1px;font-size: 0.923em;line-height: 1.167em;border: 1px solid #fff;} #search_active.olam_active {position: relative;z-index: 1001;margin-bottom: -4px;} #search_dropdown {background-color: #FFFFFF;border: 1px solid #CCCCCC;display: none;margin: 0 34px 0 0;position: absolute;right: 0;top: 24px;white-space: nowrap;z-index: 1000;} .ie #search_dropdown {top: 23px;} /********************************* BANNER *****************************/ #slider {position: relative;overflow: hidden;} #slider1_container {} #slider1_container > div {} .jssorb01 {height: 15px;position: absolute;right: 50px;bottom: 40px;z-index: 100} .jssorb01 div {width: 7px;height: 7px;background: #EEEEEE;border-radius: 50%;opacity: 0.8;cursor: pointer;} .jssorb01 div:hover {opacity: 1} .jssorb01 div.av {background: #FFFFFF;opacity: 1} .arrow {width: 100%;position: absolute;height: 50px;bottom: 7px;left: 0px;} .arrow span {position: absolute;width: 24px;height: 44px;cursor: pointer;} .jssora03l,.jssora03ldn {position: absolute;width: 24px;height: 44px;cursor: pointer;background: url(../img/previous.png) no-repeat;bottom: 8px;left: 0px;} .jssora03r,.jssora03rdn {position: absolute;width: 24px;height: 44px;cursor: pointer;background: url(../img/next.png) no-repeat; bottom: 8px;right: 0px} .jssora03ldn, .jssora03rdn{display: block;overflow:hidden; opacity: 0.5} .titgroup {position: absolute;top: 281px;left: 0px;z-index: 102;color: #ffffff;width: 700px;background: rgba(0, 0, 0, 0.4);height: 63px;padding:5px 120px 0px 60px;} .tit_1 {z-index: 101} /********************************* RIGHT *****************************/ #right {max-width: 260px;float: left;padding-left: 20px} .blk_intro {color: #a0c800;font-size: 1.308em;padding-bottom: 20px;text-align: justify;} #right .vf_menu {width: 240px;margin-left: 0px;margin-bottom: 15px;float: left;height: inherit; } #right .vf_menu .sub1 {float: left;} #right .vf_menu a {white-space: normal;} #right .vf_menu li {margin-right: 0px;} #right .vf_menu .sub1 >li {border: 1px solid #d7d7d7;} #right .vf_menu .sub1 >li > a {font-size: 1.385em;color: #fff;background: #E46A13;display: block;width: 100%;} #right .vf_menu .sub2 {background: #f4f4f4;padding-top: 5px;float: left;} #right .vf_menu .sub2 > li {width: 100%;} #right .vf_menu .sub2 > li.fix, #right .vf_menu .sub2 > li.fix > a {border-bottom: 0px;} #right .vf_menu .sub2 > li > a {display: block;width: 100%;position: relative;font-size: 13px;border-bottom: 1px solid #d7d7d7;} #right .vf_menu .sub2 > li:hover {background: #D7D7D7;} #right .vf_menu .sub2 > li:hover .sub3 {display: block;} #right .vf_menu .sub2 > li.sub21:before {content: "";width: 15px;height: 10px;background: url(../img/right-gutter.png) no-repeat;position: absolute;top: 10px;left: 5px;} #right .vf_menu .sub2 > li.sub21:hover:before {background: url(../img/right-gutter_ac.png) no-repeat;} #right .vf_menu .sub3 {position: absolute;top: -2px;right: 238px;background: #d7d7d7;border: 1px solid #eeeeee;display: none;min-width: 200px;} #right .vf_menu .sub3 > li {float: none;border-bottom: 1px solid #eeeeee;overflow: hidden;display: block;} #right .vf_menu .sub3 > li.fix {border-bottom: 0px;} #right .vf_menu .sub3 > li > a {font-size: 13px;width: 100%;} #right .vf_menu .sub3 > li:hover {background: #a1a1a1;color: #ffffff} #right .vf_menu .sub32 {position: absolute;top: -2px;right: 238px;background: #d7d7d7;border: 1px solid #eeeeee;display: none;min-width: 200px;} #right .vf_menu .sub32 > li {float: none;border-bottom: 1px solid #eeeeee;overflow: hidden;display: block;} #right .vf_menu .sub32 > li.fix {border-bottom: 0px;} #right .vf_menu .sub32 > li > a {font-size: 13px;width: 100%;} #right .vf_menu .sub2 > li.activeli .sub3 {display: block;position: inherit;left: 0px;top: 0px;background: #f4f4f4;border: none;float: left;width: 100%} #right .vf_menu .sub2 > li.activeli .sub32 {display: block;position: inherit;left: 0px;top: 0px;background: #f4f4f4;border: none;float: left;width: 100%} #right .vf_menu .sub2 > li.activeli .sub3 a {padding-left: 36px;border-bottom: 1px solid #d7d7d7} #right .vf_menu .sub2 > li.activeli .sub32 a {padding-left: 36px;border-bottom: 1px solid #d7d7d7} #right .vf_menu .sub2 > li.activeli .sub32 a {padding-left: 36px;border-bottom: 1px solid #d7d7d7} #right .vf_menu .sub2 > li.activeli > a.active, #right .vf_menu .sub3 > li.activeli > a.active {z-index: 100;color: #fff;background: url(../img/right-white.png) no-repeat 5px center #A1A1A1;} #right .vf_menu .sub32 > li.activeli > a.active {z-index: 100;color: #fff;background: url(../img/right-white.png) no-repeat 5px center #A1A1A1;} #right .vf_menu .sub3 > li.activeli > a.active {background-position: 24px center} #right .vf_menu .sub32 > li.activeli > a.active {background-position: 24px center} #right .vf_menu .sub2 > li.activeli .sub3 li:hover {background: #D7D7D7;} #right .vf_menu .sub2 li.sub21.activeli.parent > a {color: #E46A13;background: url("../img/right-gutter.png") no-repeat 5px center} #right .vf_menu .sub2 li.sub21.activeli.parent:hover:before {width: 0px;} .video {float: left;width: 100%;margin-bottom: 15px;} .video .vf_tit {margin-top: 0px;} .video p a {display: block;position: relative;text-align: center;} .video p a:hover {opacity: 0.9;} .hiddenVideo {display: none;} .viewvideo {display: block;} .viewvideo iframe {width: 900px;height: 550px;} .video > p > a > span {display: block;width: 45px;height: 35px;background: url(../img/play-icon.png) no-repeat;position: absolute;top: 36%;left: 44%;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;} .video > p > a:hover span {transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);} .video .cboxElement img {width: 240px;height: auto;} .blk_download {float: left;width: 100%;margin-bottom: 20px;} .blk_download .vf_tit {margin-top: 0px;} .blk_download ul li {padding-left: 37px;background: url(../img/icon_pdf.png) no-repeat left 4px;padding-bottom: 5px;} .blk_download ul li a {display: block;transition:all 0.1s linear;-moz-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;} .blk_download ul li a:hover {color: #E46A13} .quick_facts > div { border-bottom: 1px solid #14a12f;margin-top: 18px;padding-bottom: 0;position: relative;} .quick_facts .quickfact-value { color: #006c95;font-size: 2.462em;line-height: 1em;} .quick_facts .quickfact-label { bottom: 5px;color: #252525;font-size: 1.077em;line-height: 0.714em;position: absolute;right: 0;} .blk_president {position: relative;} .blk_president .img {height: auto;max-width: 100%;text-align: center;} .blk_president .text {display: block;font-size: 0.923em;line-height: 1.167em;padding: 3px 12px;background-color: rgba(0, 0, 0, 0.55);bottom: 0;color: #fff;left: 0;min-height: 36px;position: absolute;width: 100%;} /********************************* CONTENT *****************************/ #main {max-width: 980px;margin: 0 auto;background: #ffffff;padding: 20px 10px 30px} #content {max-width: 700px;float: left;} #content.no_right {max-width: 100%;width: 960px;} #content.no_right .vf_article,#content.no_right .vf_news {width: 100%;} .vf_article,.vf_news {width: 700px;} .vf_article .vf_view .vf_tit, .blk_nav-contact li a, .vf_article .vf_list .vf_tit, .video .vf_tit, .blk_download .vf_tit, .quick_facts .vf_tit, .blk_president .vf_tit, .vf_list_ct .vf_tit, .sitemap .vf_tit, .vf_view_ct .vf_tit, .vf_events .vf_tit, .vf_news .vf_tit {font-size: 20px;border-bottom: 2px solid #E46A13;font-weight: normal;line-height: 25px;} .vf_article .vf_list,.vf_article .vf_news {overflow: hidden;} .vf_article .vf_list ul li,.vf_news .vf_list ul li {float: left;width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 13px;} .vf_article .vf_list .tit,.vf_news .vf_list .tit {color: #005272;font-size: 14px;} .vf_article .vf_list .tit:hover,.vf_news .vf_list .tit:hover {text-decoration: underline;} .vf_article .vf_list .desc,.vf_news .vf_list .desc {font-size: 12px;} .vf_article .vf_list .img,.vf_news .vf_list .img {float: left;overflow: hidden;width: 130px;height: 80px;position: relative;padding-left: 5px;margin: 0px 10px 0px 0px} .vf_article .vf_list .img img,.vf_news .vf_list .img img {max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto} .vf_article .vf_view .vf_ctn ul,.vf_news .vf_view .vf_ctn ul {list-style: disc;padding-left: 20px;} .vf_article .vf_view .vf_ctn ul li,.vf_news .vf_view .vf_ctn ul li{list-style: disc;} .vf_article .vf_date,.vf_news .vf_date {font-size: 12px;line-height: 16px;padding-bottom: 5px;color:#999} .vf_article .vf_view .vf_date {display: none;} .vf_news .vf_view .vf_tit {border: none;color: #005272;margin-bottom: 0px;} .vf_news .vf_next {float: left;width: 100%} .vf_news .vf_next .vf_tit {border: none;color: #005272;} .vf_news .vf_next .vf_date {padding-top: 5px;;color:#999} .vf_list_ct {width: 100%;float: left;} .vf_list_ct ul {float: left;} .vf_list_ct ul li {width: 33%;float: left;min-height: 130px;} .vf_list_ct .tit { font-weight: bold;border-bottom: 0;font-size: 1.154em;line-height: 1.600em;color: #252525;} .vf_list_ct .vf_ctn p {margin-bottom: 0px;} .vf_list_ct .vf_ctn a {color: #005272} .vf_article .vf_view_ct {} .vf_article .vf_view_ct h4 {font-size:16px } .bt_contact {float: left; color: #fff; background: url("../img/chevron-right-white.png") no-repeat scroll right 5px center #006C95; margin-top: 7px;} .bt_contact a {display: block;color: #ffffff;padding: 3px 20px 3px 10px;} .hiddencontact {display: none;} #form_contact {padding: 10px;} #form_contact .report {margin-bottom: 15px;} #form_contact input[type='text']{margin-bottom: 12px;width: 85%;} #form_contact #message {margin-bottom: 12px;width: 85%;max-width: 85%;height: 150px;max-height: 150px;} #form_contact #captcha_img {margin-bottom: 12px;} .blk_news {width: 700px;overflow: hidden;margin-top: 15px;} .blk_news ul li {float: left;width: 100%;margin-right: 20px;margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 10px;} .blk_news ul li.fix {margin-right: 0px;} .blk_news .img {width: 220px;height: 144px;position: relative;display: block;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;float: left;margin-right: 5px;} .blk_news .img img {max-width: 100%;max-height: 100%;} .blk_news .tit {color: #005272;font-size: 14px;transition:all 0.1s linear;-moz-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;display: block;padding-bottom: 0px} .blk_news .tit:hover,.blk_news .img:hover {opacity: 0.7;text-decoration: underline;filter: alpha(opacity=70);} .blk_news .vf_date {color: #999;padding-bottom: 6px;line-height: 16px;} .blk_localtion iframe {width: 100%;} #content .vf_menu {overflow: hidden;height: inherit;margin-left: 0px;} #content .vf_menu ul li {float: left;width: 300px;border:1px solid #afafaf;position: relative;margin: 0 10px 20px} #content .vf_menu ul li.fix {margin-right: 0px;} #content .vf_menu ul li:hover {border: 1px solid #e46a13} #content .vf_menu ul li:hover b {background-color: rgba(228, 106, 19, 0.85);} #content .vf_menu ul li img {width: 298px;height: 306px;} #content .vf_menu ul li a {padding: 0px;} #content .vf_menu ul li b { background-color: rgba(0, 108, 149, 0.85);color: #fff;font-size: 1.462em;left: 0;line-height: 1.2em;margin-left: -1px;padding: 8px 18px 8px 20px;position: absolute;top: 20px;transition:all 0.2s linear;} .vf_download {width: 700px;margin-top: 15px;} .vf_download ul {margin-left: 10px;} .vf_download ul li {padding:0px 15px 0px;position: relative;float: left;width: 100%;} .vf_download ul li:after {content: "";width: 5px ;height: 5px;border-radius: 50%;background: #005272;position: absolute;top: 18px;left: 0px;} .vf_download ul li a {font-size: 13px;color: #005272;display: block;font-weight: bold;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;padding: 10px 0px} .vf_download ul li a:hover {text-decoration: underline;} .vf_download ul li:hover:after{background: #E46A13} .vf_pag {text-align: center;margin-top: 20px;float: left;width: 100%;clear: both;padding-bottom: 3px;} .vf_pag > p > span {display: none;} .vf_pag a {padding: 3px 7px;border: 1px solid #00984A;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;} .vf_pag a:hover {font-weight: bold;} .vf_pag a.active{border: 1px solid #fff;font-weight: bold;} .vf_pag a.next {border: none;} .vf_pag a.next:hover {font-weight: normal;} .blk_nav-contact li a {width: 100%;display: block;} .vf_contact {width: 700px;margin-top: 15px;} .vf_contact .report {padding-bottom: 15px;} .vf_contact form label {width: 150px;text-align: right;padding-right: 10px;} .vf_contact form input[type="text"]{width: 350px;margin-bottom: 15px;height: 25px;} .vf_contact #message {width: 350px;height: 100px;max-width: 450px;max-height: 200px;border: 1px solid #ccc;margin-bottom: 15px;} .vf_contact .captcha_wrp {width: 350px} .vf_contact #captcha_btn {float: left;padding-top: 15px;padding-left: 5px;} .vf_contact #captcha_btn a{display: inline-block;text-indent: -9999em;width: 25px;height: 23px;background: url(../img/change_img2.png) no-repeat;} .vf_contact #captcha {width: 150px;} .vf_contact #captcha_img {float: left;} .vf_contact .span_cap {float: left;padding: 15px 0px 0px 18px} .vf_contact .btn {background: #eee; /* Old browsers */background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ background-color: #006c95;border: none;border-radius: 3px;color: #ffffff;width: 62px;height: 33px;font-size: 14px;cursor: pointer;font-weight: bold;margin: 15px 0px;} .vf_next {margin-bottom: 40px;} .vf_next .vf_tit { border-bottom: 2px solid #e46a13;font-size: 1.538em;line-height: 1.2em;} .vf_next ul li {line-height: 1.429em;text-decoration: none;float: left;width: 100%} .vf_next ul li a {color: #005272;font-size: 1.077em;background: url(../img/chevron-right-blue.png) no-repeat 5px 10px;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;float: left;padding: 5px 10px 5px 20px} .vf_next ul li a:hover {background-position: 10px 10px;text-decoration: underline;} .vf_article .vf_next .vf_date {padding-top: 6px;} .sitemap > ul > li { float: left;font-weight: bold;width: 310px;} .sitemap ul li a {color: #005272;font-weight: normal;} .sitemap ul li a:hover {text-decoration: underline;} .sitemap > ul > li > a {font-weight: bold;} .sitemap > ul > li > ul {list-style: disc;margin-left: 25px;margin-top: 5px} .sitemap > ul > li > ul > li {list-style: disc;} .sitemap ul ul li {margin-bottom: 6px;} .sitemap ul ul ul {margin-left: 25px;margin-top: 5px} .sitemap ul ul ul li {list-style: outside none circle} .vf_events {width: 700px;} .vf_events .vf_tit {margin-top: 0px;} .vf_events .vf_view .vf_tit {margin-top: 15px;} .vf_events .vf_date {display: none;} .vf_events table {width: 100%;} .vf_events table tr {background-color: #f4f4f4;border: 1px solid #ccc;display: block;margin: 10px 0px;padding: 10px 0px;position: relative;transition:background 0.2s linear;-moz-transition:background 0.2s linear;-webkit-transition:background 0.2s linear;} .vf_events table tr:before {content: "";width: 8px;height: 100%;position: absolute;top: 0px;left: 0px;background: #0CC048} .vf_events .day_event {padding-right: 15px;padding: 10px 10px 10px 18px;font-weight: bold;font-size: 14px;width: 110px;vertical-align: middle;} .vf_events .info_event {border-left: 1px solid #ccc;padding:3px 10px 3px 15px;vertical-align: middle;} .vf_events .info_event p {margin-bottom: 0px;} .vf_events table tr:hover {background: #a1a1a1;} .vf_events table tr:hover .day_event {color: #fff;} .blk_stock {float: left;width: 100%;} .blk_stock .vf_tit {color: #119b59;font-size: 15px;margin-bottom: 0px;} .blk_stock .update {margin-bottom: 7px;font-size: 12px;} .blk_stock table {width: 100%;} .blk_stock table tr.fix {} .blk_stock table tr.fix td {color: #0083b9;border-top: 1px solid #b0b0b0;border-bottom: 1px solid #b0b0b0;padding: 3px 0px;font-weight: bold;} /********************************* FOOTER *****************************/ .row2 {margin: 0 auto;max-width: 980px;background: #006C95 ;overflow: hidden;padding-bottom: 10px;} .row2 .vf_menu {height: inherit;padding-top: 16px;margin-left: 30px;float: left;} .row2 .vf_menu a {color: #ffffff;} .row2 .vf_menu a:hover {text-decoration: underline;} .row2 .vf_menu .sub1 {float: left;} .row2 .vf_menu .sub1 > li {width: 185px;} .row2 .vf_menu .sub1 > li > a {font-size: 12px;float: none;padding: 0px;font-weight: bold;} .row2 .vf_menu .sub2 {display: block;float: left;} .row2 .vf_menu .sub2 > li {float: none;display: block;} .row2 .vf_menu .sub2 > li a {display: block;font-size: 11px;width: 100%;padding: 0px} #f {margin: 0 auto;max-width: 980px;background: #006C95;padding: 0px 30px;} #footer a,#footer p {color: #fff;font-size: 11px;} #footer .vf_block {float: left;padding-bottom: 10px;} #footer .vf_menu {float: left;height: inherit;margin: 3px 0px 0px 76px} #footer .vf_menu ul li a {border-right: 1px solid #ffffff;padding: 0px 5px;line-height: 14px;} #footer .vf_menu ul li a:hover {text-decoration: underline;} #footer .vf_menu ul li:last-child a {border-right: 0px;} #footer .link_social {float: right;margin-right: 30px;width: 25px;} #footer .link_social iframe {width: 24px !important; overflow: hidden;} #footer .blk_counter {color: #fff;font-size: 11px;float: right;width: 210px;margin-top: -1px;} #footer .blk_counter .online {float: left;margin-right: 15px;} /********************************* RESPONSIVE *****************************/ @media all and (max-width: 1182px) { .en .row .vf_menu .sub1 > li > a {padding: 12px 10px} } @media all and (max-width: 1024px) { } @media all and (max-width: 768px) { #top {width: 100%;} #content,.row2,#f {max-width: 100%;} #language {right: 10px;top: 38px} .vf_article, .vf_news,.vf_download {width: 100%} .icon_menu {background: url(../img/icon_menu.png);width: 35px;height: 25px;cursor: pointer;margin: 0 auto;position: relative;top: 5px;} .row .vf_menu .sub1 {text-align: center;position: absolute;top: 39px;left: 0px;width: 100%;z-index: 100;display: none} .row .vf_menu .sub1 > li {float: none;display: block;background: rgba(37, 37, 37, 0.85);margin: 0 auto;width: 230px;} .row .vf_menu .sub1 > li > a {float: none;color: #fff;} .row .vf_menu .sub1 > li > a:before {width: 0px;height: 0px;} .row .vf_menu ul ul {display: none;height: 0px;overflow: hidden;opacity: 0;} .row .vf_menu .sub1 > li:hover,.row .vf_menu > ul > li >a.active {background-color: rgba(37, 37, 37, 1);font-weight: bold;} #slider {width: 100%} #slider .slides_img { width:100%; height:auto} #slider img { width:100% !important; height:auto} #right {max-width: 100%;padding-left: 0px;width: 100%} #right iframe {max-width: 100%} #right .vf_menu {width: 100%;} #right .vf_menu .sub2 {width: 100%} #footer .vf_block {padding-bottom: 0px;padding: 0px 20px;margin-left: 0px;width: 100%;text-align: center;} #footer .vf_menu {padding:0px 20px 0px 20px;margin-left: 0px;width: 100%} #footer .link_social {width: 100%;margin: 0px;text-align: center;} #footer .blk_counter {width: 100%;text-align: center;float: none;} #footer .blk_counter .online,#footer .blk_counter .visits {float: none;display: inline-block;} #footer .vf_menu ul {text-align: center;} #footer .vf_menu ul li {float: none;display: inline-block;} .row2 .vf_menu .sub1 > li {width: 175px;} #content > .vf_block {width: 100%;text-align: center;} #content iframe {max-width: 100%} #content > .vf_block ul li img {max-width: 100%;height: auto} #content .vf_menu ul li {width: 30%;float: none;display: inline-block;} #content .vf_menu ul li img {width: 100%;height: auto} #search {top: 5px;right: 10px;width: 131px;} #search #k {width: 105px;} .vf_contact {width: 100%;} .row2 .vf_menu {margin-left: 0px;padding: 16px 10px 0px 10px;} .blk_news {width: 100%} .viewvideo iframe {width: 100%;height: 400px;} .video > p > a > span {left: 49%} #right .vf_menu .sub1 > li,#right .vf_menu .sub1,.vf_events {width: 100%;} .vf_events table {width: 100% !important} .vf_list_ct ul {text-align: center;} .vf_list_ct ul li {float: none;display: inline-block;width: 300px;text-align: left;} #right .vf_menu .sub2 > li.sub21 > a{float: left;width: 80%} #right .vf_menu .sub2 > li.sub21 .ac_menu {display: block;width: 20%;float: right;background: url(../img/add.png) no-repeat right 5px center;height: 30px;cursor: pointer;border-bottom: 1px solid #d7d7d7} #right .vf_menu .sub32 { background: none repeat scroll 0 0 #f4f4f4;border: medium none;display: none;float: left;left: 0;position: inherit;top: 0;width: 100%;} #right .vf_menu .sub2 > li.sub21 .acmenu_ac {background: url(../img/add-a.png) no-repeat right 5px center;} #right .vf_menu .sub2 > li.sub21.fix .ac_menu {border: none} #right .vf_menu .sub2 > li.sub21.activeli .ac_menu {background: url(../img/add.png) no-repeat right 5px center #a1a1a1;border: none;height: 29px;} #right .vf_menu .sub2 > li.sub21.activeli .acmenu_ac {background: url(../img/add-a.png) no-repeat right 5px center #a1a1a1;border: none;height: 29px;} #right .vf_menu .sub2 > li.sub21.activeli.parent .ac_menu {background: url(../img/add.png) no-repeat right 5px center;border-bottom: 1px solid #d7d7d7;height: 30px;} #right .vf_menu .sub2 > li.sub21.activeli.parent .acmenu_ac {background: url(../img/add-a.png) no-repeat right 5px center;border-bottom: 1px solid #d7d7d7;height: 30px;} } @media all and (max-width: 736px) {} @media all and (max-width: 667px) { #content .vf_menu ul {text-align: center;} #content .vf_menu ul li {width: 300px;margin: 0px;margin-bottom: 10px;} .sitemap > ul > li {width: 265px;} } @media all and (max-width: 600px) { .blk_news .desc {height: inherit;} .vf_list_ct ul li {width: 275px;} } @media all and (max-width: 568px) { #logo img {width: 80%;height: auto;} .row2 .vf_menu .sub1 > li {width: 170px;} .vf_list_ct ul li {min-height: inherit;} } @media all and (max-width: 485px) { #logo {top: 18px;} #logo img {width: 70%;} .viewvideo iframe {height: 300px;} } @media all and (max-width: 414px) { #logo {top: 33px;} } @media all and (max-width: 384px) {} @media all and (max-width: 375px){ .row2 .vf_menu .sub1 > li {width: 155px;} } @media all and (max-width: 350px){ #language {right: 155px;top: 10px} #logo img {width: 80%} .row2 .vf_menu .sub1 > li {width: 140px;} .viewvideo iframe {height: 250px;} } a.btnmore{background-color: rgba(0, 108, 149, 0.85);color:#fff;padding:5px 10px} a.btnmore:hover{background-color: rgba(228, 106, 19, 0.85);}