﻿@font-face { font-family: 'Arial';src: url("../fonts/OpenSans-Regular9f1e.html?v=1.1.0");src: url("../fonts/OpenSans-Regulard41d.html?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Regular9f1e-2.html?v=1.1.0") format("woff"), url("../fonts/OpenSans-Regular9f1e.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Regular9f1e-3.html?v=1.1.0#OpenSansBold") format("svg");font-weight: normal; font-style: normal;}  
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
body{margin: 0; padding: 0; background: url("../images/bg.jpg") scroll 50% 0  #0074bb;}
body,table{font-family: Arial, Arial, Helvetica, Sans-serif !Important;font-size: 13px !Important; color: #111111;}
img{border: 0;}
a{text-decoration: none; }
.row {margin:0px;}
.clear{clear:both;overflow:hidden;}

.fb_ico {list-style-image:url(../images/facebook.png)}

.list-group {padding-left: 0px;margin-right: 0px;padding: 0px;}
.list-group-item {margin:0 3px;}

/** HEADER **/
#header { position: relative; margin-bottom:10px}
#header .search {background: url("../images/search_bg.png") no-repeat; width: 169px; height: 23px; float: right; }
#header .search input {    border: none;
    background: none;
    font-family: Arial;
    color: #272424;
    font-size: 10pt;
        margin-left: 7px;
    margin-top: 2px;}
#header .language {background: url("../images/lang_bg.png") no-repeat; width: 113px; height: 23px;  position: relative; float: right; cursor: pointer;}
#header .language a {text-transform: uppercase; font-family: 'Arial'; color: #000; font-size: 10px; line-height: 20px;}
#header .lang_vn {background: url("../images/vn_flag.png") no-repeat;}
#header .lang_en {background: url("../images/en_flag.png") no-repeat;}
#header .lang_kr {background: url("../images/kr_flag.png") no-repeat;}
#header .lang_jp {background: url("../images/jp_flag.png") no-repeat;}
#header .language .lang_list div {height: 18px; margin-left: 4px; padding-left: 23px; margin-bottom: 5px; cursor: pointer; background-color: transparent !important; border-radius: 12px;  width:100px; }
#header .language .lang_list {position: absolute; top: 2px; z-index: 9; }
#header .language .lang_list .lang_item { background-color: white !important; z-index: 9999 !important; opacity: .8;}


.RadTabStripTop_Metro .rtsUL .rtsLI, .RadTabStripBottom_Metro .rtsUL .rtsLI {
    padding: 0 0 0 2.19px !important;
}
.RadTabStrip_Metro .rtsLevel .rtsOut, .RadTabStrip_Metro .rtsLevel .rtsIn, .RadTabStrip_Metro .rtsLevel .rtsTxt {
 
    padding: 2px 0.5px 5px 0px !important;
    font-weight: bold;
    font-family: Arial, Arial, Helvetica, Sans-serif !important;
}


.RadTabStrip_Metro .rtsLevel1 .rtsSelected {
  
    color:black !important;
   
}

.RadTabStripTop_Metro .rtsLevel1 .rtsUL {
    padding: 0px !important;

}
.RadTabStripTop_Metro .rtsUL .rtsFirst, .RadTabStripBottom_Metro .rtsUL .rtsFirst {
    padding: 0px !important; 
}
.RadTabStrip_Metro .rtsLevel1 .rtsLink { 
    color: #1e3e8e;
    border: none !important;
}
/** END HEADER **/

/** MAIN MAP **/
.mainmap {margin-bottom:18px; margin-left: -7px !important; float:left; width:880px;}
.main_doc_note {min-height:180px}
.main_doc_note ul li {padding-bottom:6px; list-style: url("https://www.vietcombank.com.vn/Ibanking2020"); margin-left:-15px; text-align:justify; padding-right:10px;}
.main_doc_note ul li a {font-family: Arial, Sans-serif;color:black; text-decoration:none}
.RadTabStrip_Metro .rtsLink {text-transform:uppercase !Important}
.Intro_header {color:white; padding-top:15px; padding-left:10px; display:block ;    text-align: center;    font-size: 16px;    color: floralwhite; padding-bottom:10px;}
.intro {height:316px;width:269px;margin-right:5px; background-color:#1f85ab; float:left;    opacity: 0.6; } /*//background:url("/images/gioithieu.png")*/
.intro ul li { line-height:2;color:white;font-weight:bold; margin-left:-20px;}
.intro ul li a { color:white;font-weight:bold; text-decoration:none}


.RadTabStripTop_Metro .rtsLevel1 {
    background-color: #1f85ab !Important;
}
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
    background-color: #1f85ab !Important;
}


.RadTabStrip .rtsLevel1 {
    height: 31px  !important;
}
/** ENd MAIN MAP **/


#bodypage .menuright {    margin-bottom: 3px;
    margin-top: 12px;
    margin-right: 0px;
    height: 457px; display:inline; float:right;
    width: 297px;
   }
#bodypage .menuright .mn_left{background:url("../images/Menu_main_left.png") no-repeat; height:75px; margin-bottom:20px;  position: relative;cursor:pointer; margin-top:-3px;margin-left: 4px;



}
#bodypage .menuright .mn_mid{background:url("../images/Menu_main_middle.png") repeat-x;height:75px;margin-left:6px}
#bodypage .menuright .mn_right{background:url("../images/Menu_main_right.png") no-repeat; width:7px;height:73px; float:right}
#bodypage .menuright .mn_mid span{ position:absolute;  padding-left:51px; width:90%; float:right;color:black;font-weight:bold;margin-top:28px;}
/*darkblue*/
#bodypage .icon_1{ background:url("../images/icon1.png") no-repeat;height:52px;width:52px;position:absolute; top:7px; }
#bodypage .icon_2{ background:url("../images/icon2.png") no-repeat;height:52px;width:52px;position:absolute; top:7px;}
#bodypage .icon_3{ background:url("../images/icon3.png") no-repeat;height:52px;width:52px;position:absolute; top:7px;}
#bodypage .icon_4{ background:url("../images/icon4.png") no-repeat;height:52px;width:52px;position:absolute; top:7px;}
#bodypage .icon_5{ background:url("../images/icon5.png") no-repeat;height:52px;width:52px;position:absolute; top:7px;}
.boxtransition {position: absolute;width: 2px; height: 70px; left:0px; top:2px; border: 0px solid #666; background: #79f16c; opacity:0.2; color: #fff; -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.3s all ease-in-out; z-index:9999}
.boxtransition:hover { width: 238px;}


#menu_left {background-color:#1D8AC5; }
#menu_left .title {
    background: #00344d;
    padding: 5px 0px;
    font-size: 24px;
    font-family: 'Arial';
    color: #cbe3ee;
    width: 100%;
    text-align: center;

}

#level3 {margin-top:0px !important; margin-left: 10px;  }
    #level3 li {
        padding-bottom: 8px; color:orange !important
    }

    #level3 li a {
       color:#a8f5d1  !important
    }

#menu_left .ulmenu1 {margin-left: 2px;margin-right: 10px;color: #fff;}
#menu_left .ulmenu2 .active {  background: url("../../investinquangninh.vn/theme/frontend/default/images/menu_left_lv2.png") no-repeat; padding-bottom:5px }
#menu_left .ulmenu2 .active a{ color:black }
#menu_left .level2 {background: url("../../investinquangninh.vn/theme/frontend/default/images/menu_left_arrow.png") scroll 7px 11px no-repeat;  padding-left: 20px; margin-bottom: 10px;}
#menu_left a {  color: #FFF; }
#menu_left .link2 {  font-size: 14px;  display: block; padding-top:5px}
#menu_left ul {        padding: 0; margin-top: 10px;  list-style: none;}
#menu_left .link1 { background: url("../../investinquangninh.vn/theme/frontend/default/images/menu_left_line.gif") repeat-x scroll 0 100%; display: block; padding-bottom: 10px; font-size: 14px; margin-top: 10px; margin-right: 30px; }

/** NEWS LIST V3 **/
#news_list_v3 {background-color:white;}
#news_list_v3 .newslist li {float: left; margin-left: 20px; margin-bottom: 20px; width: 260px;}
#news_list_v3 .newslist .first {margin-left: 0;}
#news_list_v3 h2.person {margin-top: 10px; font-size: 18px; text-transform: uppercase; text-align: center; font-weight: bold; margin-bottom: 0; color: #0074bb}
#news_list_v3 .img {text-align: center;}
#news_list_v3 .img-circle { border-radius:5%}
#news_list_v3 .desc {color: #1d8ac5; text-align: center; font-style: italic;font-weight: bold; margin-top: 5px;}
#news_list_v3 .detail {display: none;}
#news_list_v3 .readmore {background: url("../images/view_more_bg.jpg") scroll 50% 50% no-repeat; cursor: pointer; text-align: center; color: #FFF; height: 22px; line-height: 22px; margin-top: 20px;}
#news_list_v3 .flag .readmore {background: url("../images/view_more_close.jpg") scroll 50% 50% no-repeat;}
#news_list_v3 .newslist .expand { margin: 0 10px 20px 0px; background: #DDDDDD; padding: 15px; display: none; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
#news_list_v3 .special {width: 100%;} 
#news_list_v3  .cate_title {font-size: 18px; font-weight: 600; color: #0074bb; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; padding-bottom: 10px;}
#news_list_v3 ul { padding: 0; margin: 0; list-style: none;}
#news_list_v3 .leader .img {float: left; width: 230px;}
#news_list_v3 .leader .info {float: right; width: 632px; text-align: left;}
#news_list_v3 .leader h2, #news_list_v3 .leader .desc{text-align: left;}
#news_list_v3 .readmore_leader {background: url("../images/view_more_bg.jpg") scroll 50% 50% no-repeat; cursor: pointer; text-align: center; color: #FFF; height: 22px; line-height: 22px; margin-top: 20px; width: 118px;}
#news_list_v3 .flag .readmore_leader {background: url("../images/view_more_close.jpg") scroll 50% 50% no-repeat;}
#news_list_v3 .leader .desc {margin-bottom: 20px;}
#AreaEconomy-Industry ul {padding:0px 0 0 30px; list-style:square;  }


.RadTabStrip_Metro .rtsLevel1 .rtsSelected {

    background-color: #ecffcd !important;
}


.fixpos {
    bottom: 2px;
    background-image: linear-gradient(to bottom,#fff 0,#ecffcd 100%);
    border-color: #ecffcd;

}

.btn-default:focus, .btn-default:hover {
    background-color: #ecffcd !important;
    background-position: 0 -15px;
}



.btn-lg {margin:3px; padding:16px;} 

/** AreaEconomy-Industry-Detail **/
.RadDropDownList .rddlFakeInput {font-size:medium; height:26px !important;padding:5px !important;}
.RadDropDownList_Metro .rddlFocused .rddlIcon {background-position: -45px -19px !important;}
.RadDropDownList_Metro .rddlIcon {background-image: url('WebResource76af.html?d=1NaIwI2EzqYMUVgrUSwAfSYy5UFw461iGJCQQE1f2tT52cd4CmFWqi2g%e2%80%a69tThhiDSvTOx_rAFZRtF_913C_XQLR_3bQQWJRH8IGg1d1WHwyM0&amp;t=635417035080000000'); background-position: -5px -19px !Important;}
.rddlPopup .rddlList {   margin: 5px !important;  padding: 3px  !important; list-style: none; height: 100%; position: relative; overflow: auto; line-height: 1.8;  font-size: 14px;}
.col { margin-bottom:-99999px; padding-bottom:99999px; }

/** AreaEconomy-Industry-Detail **/
.RadPanelBar_Glow .rpRootGroup { border-color: transparent !important;   color: transparent !important;    background: transparent !important; }
.RadPanelBar_Glow .rpLink, .RadPanelBar_Glow .rpHeaderTemplate {background-position: 0% 0%; background-color:none !important;border-color: #838E94;  background-image: none !important; background-repeat: repeat !important; background-attachment: scroll !important;}
 .RadPanelBar_Glow .rpGroup .rpItem .rpLink, .RadPanelBar_Glow .rpGroup .rpItem .rpHeaderTemplate { font-family: Arial,sans-serif; font-size: 12px; line-height: 16px !important; color: #c1c7ca;padding-bottom:8px !important;}
.RadPanelBar_Glow .rpExpandable:hover .rpExpandHandle {background-position: -17px -67px !important;}
.RadPanelBar .rpText { font-size: 14px !Important; }
ul.rpLevel1  li a.rpLink span.rpOut span.rpText { background: url("../../investinquangninh.vn/theme/frontend/default/images/menu_left_arrow.png") scroll 7px 5px no-repeat;padding-left: 20px;margin-left:10px;margin-bottom: 3px; font-size:13px !important}
/** uc_AdminProceduresMap **/
.itemboxKtt {background-color:#7D7DC3;text-align:center; padding:6px 0px;border:2px #13E841 double;color:wheat; }
.itemboxKtt:hover{color:white;cursor:pointer;cursor:hand;}
.arrow {font-size:35px; color:green;margin-top:10px;}






#news_list_v5 .newslist {margin-left: 20px;}
#news_list_v5 .newslist .item h2{background: #e1e1e1; font-size: 13px; line-height: 20px; padding: 10px 20px;  margin: 0 0 5px 0; cursor: pointer;}
#news_list_v5 .newslist .item h2 a {color: #707070;text-decoration:none;}
#news_list_v5 .newslist .item h2 span {color: #707070; font-style: italic; font-weight: normal;}

#news_list_v5 .newslist .item:first-child h2 {border-radius: 13px 0 0 0; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px;}
#news_list_v5 .newslist .item:last-child h2 {border-radius: 0 0 13px 0; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px;}
#news_list_v5 .newslist .detail {margin: 10px}
#news_list_v5 .newslist img {width: 100%;}
#news_list_v5 .cate_title {color: #f26d2c; font-size: 18px; margin: 10px 0; font-weight:bold;}
#news_list_v5 .subcate {font-weight: bold; font-size: 14px; margin-bottom: 10px;}
#news_list_v5 .content {margin-bottom: 20px;}
#news_list_v5 .collapse {text-align: right; margin-top: 10px; font-size: 11px;cursor: pointer;}



/** Footer **/
#footer {padding-top:0px; min-height: 120px; background-color: rgb(0, 52, 76); margin-top:22px;}
#footer .container .logo_footer{width:118px; height:90px; float:left;background:url("../images/logo_footer.png"); }
#footer h5 {color:white;font-weight:bold}
#footer span {color:white}
#footer .container .btn {background:none;color:white; font-family:Verdana}
#footer .container .link_social  {  padding-left:25px;}
#footer .container .link_social li a {color:white;}
#footer .container .link_social li {border-right:1px #5F594E solid; }
#footer .container .link_social li  img{padding-bottom:5px; }
#footer .container .link_social li:hover {color:white;cursor:hand;cursor:pointer }
#footer .container .link_social li:last-child {border-right:none}
#toTop {bottom: 0px; cursor: pointer;height: 35px;position: fixed;right: 0px;width: 44px; z-index: 1000;}
#toBack {bottom: 0px;cursor: pointer; height: 35px;position: fixed;right: 36px;width: 44px;z-index: 1000;}  


/*--------- Top Box Style ----------*/
.top_box{ height:132px; text-align:center;margin:30px 0; padding:40px 10px; padding-top:0; border:1px solid #ececec;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.top_box:hover{border:1px solid #1A8DC3;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.top_box .glyphicon{ font-size:28px; color:#ececec; top:-15px; background:#fff; width:50px;}
.top_box  h3{ color:#444;}
.top_box:hover h3{ color:#1A8DC3;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.top_box a span{ color:#1A8DC3;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.top_box a:hover span{ color:#555!important;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.top_box:hover .glyphicon{ color:#1A8DC3; background:#fff;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}


.animated.scaleUp2 {
	-ms-animation: 800ms linear 700ms both scaleUp;
	-webkit-animation: 800ms linear 700ms both scaleUp;
	-moz-animation: 800ms linear 700ms both scaleUp;
	animation: 800ms linear 700ms both scaleUp;
}
.animated.scaleUp3 {
	-ms-animation: 800ms linear 1100ms both scaleUp;
	-webkit-animation: 800ms linear 1100ms both scaleUp;
	-moz-animation: 800ms linear 1100ms both scaleUp;
	animation: 800ms linear 1100ms both scaleUp;
}
.animated.scaleUp4 {
	-ms-animation: 800ms linear 1500ms both scaleUp;
	-webkit-animation: 800ms linear 1500ms both scaleUp;
	-moz-animation: 800ms linear 1500ms both scaleUp;
	animation: 800ms linear 1500ms both scaleUp;
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleUp {
  0% {
    opacity: 0;
    -moz-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-ms-keyframes scaleUp {
  0% {
    opacity: 0;
    -ms-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
@-o-keyframes scaleUp {
  0% {
    opacity: 0;
    -o-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

.dnnpane { background-color:white; text-align:center;
}