﻿body
{
    padding: 0px;
    margin: 0px;
    background: #F1F1F1 url(../img/bg_body.png) repeat-y top center;
    font-family: Arial;
    font-size: 9pt;
}

a
{
    text-decoration: none;
    border: none;
}
a img
{
    border: none;
    opacity: 0.9;
}
a img:hover
{
    opacity: 1;
}
#bg_bottom
{
    background: url(../img/bg_body_bottom.png) no-repeat bottom center;
    margin: 0px;
    padding: 0px;
}
#bg_top
{
    background: url(../img/bg_body_top.png) no-repeat top center;
    margin: 0px;
    padding: 0px;
}

#bg_menu
{
    background: url(../img/bg_menu.png) repeat-x 0px 78px;
}

#pageFrame
{
    width: 940px;
    margin: 0px;
}
#header
{
    height: 85px;
}
#logo
{
    float: left;
    width: 400px;
    padding-top: 0px;
	text-align:left;
}
#hotline
{
    float: right;
    width: 500px;
    margin-top: 0px;
    margin-right: 40px;
    text-align: right;
    border:0px solid red;
    position:relative;
}
#hotline ul{list-style:none;float:right; padding:0px; margin:0px;}
#hotline ul li{ float:left; padding:2px 5px;}
#hotline ul li a{color:#447ECB;float:left;}
#hotline ul li a:hover{color:blue;}
#hotline ul li.home a{ background:url('../img/icon/ico_home.png') no-repeat 0px 6px; padding:10px 4px 10px 24px;}
#hotline ul li.contact a{background:url('../img/icon/ico_contact.png') no-repeat 0px 7px; padding:10px 10px 10px 27px;}
#hotline ul li span{float:left; padding:10px 2px 5px 2px;}
#hotline img{}
#hotline .hotline{position:absolute; top:44px; right:40px; font-size:12pt; color:Red;}


#topMenu
{
}

#topMenu ul
{
    margin: 0px;
    padding: 0px;
}

#topMenu ul li
{
    list-style: none;
    float: left;
}
#topMenu ul li:hover, #topMenu ul li.selected
{
    background: url('../img/menu/bg_menu_item_a_l.png') no-repeat 0px 7px;
}
#topMenu ul li a
{
    margin-top: 7px;
    padding: 10px 10px 9px 10px;
    float: left;
    min-width:90px;
}

#topMenu ul li:hover a, #topMenu ul li.selected a
{
    
    background: url('../img/menu/bg_menu_item_a_r.png') no-repeat top right;
}   

#topMenu ul li a span
{
    font-family: "UVNHongHaHep_R", Arial;
    text-transform:uppercase;
    font-size:11pt;
    color:#2D427B;
    text-shadow: 0px 1px 0px #fff;
}

#topMenu ul li:hover span, #topMenu ul li.selected span
{
    color:#FF3600;
}


#pageFrame_in
{
    float: left;
}

#main
{
    margin-top: 0px;
    float: left;
    width: 945px;
}

#main_slide
{
    height: 274px !important;
    padding: 0px;
    margin:15px 0px 20px 10px;
    width:920px;
    overflow:hidden;
    border-radius:15px;
    float:left;
    background:#fff;
    -webkit-box-shadow: 0px 0px 7px rgba(100, 100, 100, 0.75);
    -moz-box-shadow:    0px 0px 7px rgba(100, 100, 100, 0.75);
    box-shadow:         0px 0px 7px rgba(100, 100, 100, 0.75);
}
#main_slide img
{
    float: left;
}

#content
{
    width: 653px;
    float: left;
    min-height: 100px;
    padding-left: 10px;
}
#right
{
    width: 256px;
    float: right;
    min-height: 100px;
    padding-right: 12px;
}

.content_box
{
    border: 1px solid #c1c1c1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../css/border-radius.htc);
    background: #fff;
    text-align: left;
    width: 645px;
    float:left;
}
.content_box_pd
{
    padding: 10px 20px;
    font-size: 9pt;
}
.content_box h2, .content_box .title_h2
{
    color: #3380CB;
    font-size: 14pt;
    text-transform: uppercase;
}

.right_box
{
    border: 1px solid #c1c1c1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../css/border-radius.htc);
    background: #fff;
    text-align: left;
    padding-bottom: 10px;
    float:left;
    width:250px;
}

.right_box h2, .right_box .title_h2
{
    background: url('../img/bg_header_right.png') no-repeat 0px 0px;
    float: left;
    height: 35px;
    width: 200px;
    margin-left: 15px;
    margin-top: -7px;
    padding-top: 7px;
    padding-left: 15px;
    text-align: left;
    float:left;
    font-family:"UVNHongHaHep_R",Arial;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
    font-size:12pt;
    text-shadow: 0 1px 0 #000;
}

.content_website
{
    padding: 15px 0px 15px 16px;
    float: left;
}
.content_website_item
{
    float: left;
    height: 285px;
    width: 190px;
    border: 0px solid red;
    text-align: left;
}
.content_website_item .img_main
{
    width: 185px;
}
.content_website_item .detain_cart
{
    width: 125px;
    margin-left: 5px;
}
.content_website_item h3
{
    color: #007eb9;
    font-size: 11pt;
    padding: 5px 3px 0px 5px;
    margin: 0px;
    font-family:"UVNHongHaHep_R",Arial;
    font-weight:normal;
}
.content_website_item p
{
    font-size: 9pt;
    color: #838383;
    height: 90px;
    padding: 0px 5px 0px 5px;
}

.content_website_sepa
{
    float: left;
    height: 285px;
    width: 23px;
}
.space_1
{
    clear: both;
    height: 15px;
}
.space_2
{
    clear: both;
    height: 10px;
}
.space_3
{
    clear: both;
    height: 5px;
}
.content_news
{
    float: left;
    padding: 15px;
    text-align: left;
}
.content_news_sepa
{
    width: 20px;
    float: left;
    border-left: 1px solid #c1c1c1;
    margin-left: 20px;
    height: 290px;
}
.content_news_item
{
    width: 280px;
    float: left;
    padding-left: 5px;
}
.content_news_item h2, .content_news_item .title_h2
{
    margin: 0px;
    padding-bottom: 10px;
}
.content_news_item .news
{
}
.content_news_item .news_item
{
}
.content_news_item .news_item a
{
    color: #007eb9;
}
.content_news_item .news_item span
{
    color: #838383;
}
.content_news_item .news_item .news_img_main
{
    border: 5px solid #c1c1c1;
    float: left;
    margin-right: 8px;
}
.content_news_item .news_item .news_item_content
{
    height: 40px;
    width: 225px;
    float: left;
}
.content_news_item .news_item_sepa
{
    float: left;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 5px;
    height: 5px;
    width: 280px;
}

.service_menu
{
    margin: 0px;
    padding: 0px 0px 1px 0px;
}
.service_menu h4
{
    padding: 3px 5px 8px 40px;
    margin: 0px;
    color: #f58220;
}
.service_menu h4 a {color: #f58220;}
.service_menu ul
{
    padding: 0px 10px 3px 35px;
    margin: 0px;
}
.service_menu ul li
{
    list-style: none;
    background: url('../img/check.png') no-repeat 10px 3px;
    padding: 0px 0px 4px 30px;
}
.service_menu ul li a
{
    color: #585858;
}
.service_menu ul li a:hover
{
    color: #00aeef;
}

.news_list
{
    margin: 0px;
    padding: 0px 0px 1px 0px;
}
.news_list h4
{
    padding: 3px 5px 8px 40px;
    margin: 0px;
    color: #0C51AC;
    text-transform:uppercase;
    
}
.news_list h4 a {color: #0C51AC;}
.news_list ul
{
    padding: 0px 10px 3px 15px;
    margin: 0px;
}
.news_list ul li
{
    list-style: none;
    background: url('../img/check.png') no-repeat 10px 7px;
    padding: 0px 0px 8px 30px;
}
.news_list ul li a
{
    color: #585858;
}
.news_list ul li a:hover
{
    color: #00aeef;
}
.line-01
{
    width: 215px;
    border-bottom: 1px solid #e5e5e5;
    height: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.support_online
{
}
.support_online ul
{
    list-style: none;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}
.support_online ul li
{
    float: left;
    padding: 0px 10px 8px 3px;
    font-weight: bold;
    color: #f58220;
}
.support_online ul li a
{
    font-weight: bold;
}
.support_online ul li a img
{
	width:20px;
}
.support_online ul li span
{
    font-weight: normal;
    color: #00aeef;
    float: left;
    width: 60px;
}
.check_domain
{
    text-align: center;
    padding: 3px 3px 3px 10px;
}
.check_domain .www
{
    font-weight: bold;
}
.check_domain .input
{
    text-align: left;
    width: 160px;
}
.check_domain .btn_01
{
    margin-left: 70px;
}
#footer
{
    float: left;
    width: 100%;
    height: 220px;
    overflow: hidden;
    padding-top:30px;
    margin-top:20px;
}

*+html #footer {
    float: left;
    width: 100%;
    height: 70px;
    overflow: hidden;
    padding-top:65px;
    margin-top:0px;
}


#footer_bottom{background:url(../img/bg_bottom_02.gif); height:65px;margin:0px;overflow:hidden;}
#footer_bottom .fotter_in{width:950px; text-align:left; padding:5px 10px; font-size:8pt;}
#footer_bottom ul {padding:0px; margin:0px; float:left;}
#footer_bottom ul li{list-style: none;float: left;padding: 5px 20px 8px 0px;}
#footer_bottom ul li a, #footer_bottom ul li a:visited {color:#fff; font-size:9pt; float:left; border-right:1px solid #fff; padding-right:18px;}
#footer_bottom ul li a:hover {text-decoration:underline;}
#footer_bottom ul li a.last {border-right:none;}

.clear
{
    clear: both;
}
.btn_01
{
    border: 1px solid #409fca;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    behavior: url(../css/border-radius.htc);
    background: #4facde url(../img/bg_btn.gif);
    padding: 5px 10px;
    float: left;
    color: #101010;
    font-size: 8pt;
    font-weight: bold;
}
.btn_01:hover
{
    color: #f9f9f9;
}

input[type=text], input[type=password], select, textarea
{
    border: 1px solid #b5b5b5;
    background: #fff url(../img/bg_input.gif) repeat-x;
    min-width: 100px;
}
input[type=text]:focus, textarea:focus, select:focus
{
    background: #fff;
}
input[type=submit], button
{
    cursor: pointer;
}
.service_item
{
    height: 80px;
}
.service_item a
{
    color: #007eb9;
    line-height: 15pt;
}
.service_item span
{
    color: #838383;
}
.service_item img
{
    border: 1px solid #c0c0c0;
    padding: 2px;
    margin-right: 10px;
}

.img_item
{
    width: 180px;
    border: 1px solid #808080;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../css/border-radsius.htc);
    text-align: center;
    margin-right: 16px;
    padding: 3px;
    margin-bottom: 20px;
}
.img_item img
{
    border: none;
}
.img_item p
{
    color: #176BB5;
}
.select_right{text-transform:none; color:#006699; border:1px solid #006699; margin-left:15px;}
.color_gray{color:#292929;}
.font_8{font-size:8pt;}
.line_height_16{line-height:16pt;}

.content_box .partner
{
    padding:10px 18px;
}

.content_box .partner h2, .content_box .partner .title_h2
{
    padding:3px 0px;
    margin-top:0px;
}

/*------slideshow--------*/
.slide
{
    width: 654px;
    height: 100px;
    clear: both;
}

.slide h2, .slide .title_h2
{
    text-align:left;
    font-family: "UVNHongHaHep_R",Arial;
    font-size: 10pt;
    font-weight: normal;
    color:#225486;
    text-transform:uppercase;
    margin:0px;
    padding:0 0 5px 10px;
}

#sliderL, #sliderR, #slider
{
    float: left;
}
#sliderL
{
    width: 36px;
    height: 100px;
    background: url('../img/footer/slide-L.png') no-repeat;
    margin-left:0px;
}
#sliderR
{
    width: 34px;
    height: 100px;
    background: url('../img/footer/slide-R.png') no-repeat;
}
#slider
{
    position: relative;
    width: 579px;
    height: 100px;
    background: url('../img/footer/slide-C.png') repeat-x;
}
.jcarousel-clip, .slider-carousel
{
    width: 577px;
    height: 100px;
    text-align: center;
    padding-top: 7px;
    overflow:hidden !important;
    position:relative !important;
}

#slider ul li a img
{
    height:78px;
}

#slider ul li a:hover img
{
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
#mycarousel-prev
{
    float: left;
    width: 34px;
    height: 52px;
    background: url('../img/footer/slide-pre.png') no-repeat 0 0;
    position: absolute;
    top: 23px;
    left: -36px;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    cursor: pointer;
}
#mycarousel-next
{
    float: left;
    width: 31px;
    height: 52px;
    background: url('../img/footer/slide-next.png') no-repeat 0 0;
    position: absolute;
    top: 23px;
    right: -34px;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    cursor: pointer;
}

#tabs{}
#tabs ul{padding:0px; margin:0px; position:relative;}
#tabs ul li{float:left; list-style:none; padding:0px;}
#tabs ul li a{font-family: "UVNHongHaHep_R", Arial; font-size:11pt; color:#101010;
              float:left; padding:5px 15px; background:#BAD3ED; margin-right:3px;cursor:pointer;
              border:1px solid #225486;  border-top-left-radius:5px;border-top-right-radius:5px; border-bottom:none; }
#tabs ul li a.active{background:#0055A8; color:#fff;}
.tab_ct{border:1px solid #225486; padding:10px;}
.tab_ct_item {}
.tab_ct_item table{border-collapse:collapse;}

.contact_left{width: 270px; float:left; text-align:left; }
.contact_left ul{padding:0px; margin:0px;}
.contact_left ul li{text-align:left; list-style:none; padding:0px 0px 3px 25px !important; font-size:9pt !important;}
.name{font-size:10pt; color:#3380CB;font-weight:bold;}
.cl_address {background:url(../img/icon/ico_address.png) no-repeat 0px 0px !important; padding:0px 0px 3px 25px !important;font-size:9pt !important;}
.cl_tel {background:url(../img/icon/ico_tel.png) no-repeat 1px 0px  !important; padding:0px 0px 3px 25px !important;font-size:9pt !important;}
.cl_fax {background:url(../img/icon/ico_fax.png) no-repeat 0px 0px !important;padding:0px 0px 3px 25px !important;font-size:9pt !important;}
.cl_email {background:url(../img/icon/ico_email.png) no-repeat 0px 0px !important;padding:0px 0px 3px 25px !important;font-size:9pt !important;}
.map_border{border:1px solid #c0c0c0; border-radius:5px; text-align:center;}
.map_border iframe{border-radius:5px;}
.title_2{padding:0px 0px 15px 22px; color:#FF3600;font-weight:bold;}

.hidden_d{display:none;}
.seo{position:absolute; margin-left:-10000px;}
@media (max-width:8px) {
    #bg_bottom,#bg_top,#bg_menu,#pageFrame,#pageFrame_in, #header, #main, #main_slide, #footer,.content_box, .content_website, .content_website_item, #slider_home{max-width:100% !important; overflow:hidden !important; clear:both;}
    #header{height:auto !important;}
    #logo{width:70%; padding:3px;}
    #logo img{height:40px;}
    .hidden_m{display:none;}
    #bg_menu, #bg_bottom{background:none !important;}
    #bg_top{background: url(../img/bg_mobile.png);}
    .content_website_sepa, .content_news_sepa{display:none;}
    #main_content{padding:15px;}
    #content{width:100% !important; display:block; overflow:hidden !important; clear:both; padding:0px !important}
    #pageFrame_in,#main, #pageFrame,.content_news_item,.fotter_in{width:100% !important; padding:0px !important}

    .content_box{width:99% !important; padding:0px !important}

    #main_slide{width:100% !important; height:auto !important; margin:0px ; border-radius:0px;border-top:1px solid #F58220;border-bottom:1px solid #F58220;}
    #slider_home{width:100% !important; padding:0px !important; overflow:hidden !important;}
    .bx-wrapper img{height:auto !important;}
}