@import "reset-min.css";
body{margin:0;padding:0;font:13px 'Open Sans', arial, sans-serif}
.left{float: left;} .right{float:right} .clear{clear: both;}
a{text-decoration:none; color:#720E3B} a:hover{color:#000;}

#wrapper,.main-page,.sub_tab {width:940px;margin:auto}
#wrapper-intro{width:100%}
#logo{padding:10px 0 0 15px;position:relative}
.position{position:relative}
.lang{position:absolute;bottom:10px;right:0;z-index:4}

.search_form_top{width:223px;position:absolute;top:55px;right:0; z-index:10;height:25px}
#search_form {padding:3px 5px;margin-bottom:0;border:1px solid #E9E9E9}
#search_form .input-search {border:none;float:left;color:#454545;font-size:13px;padding:3px 4px 4px}
#search_form .button-search {cursor:pointer;float:right;background: url(../images/search-button.png) no-repeat;border:none;height:25px;width:25px;border-radius:3px}

.header-top{position:absolute;top:10px;right:0;z-index:10}
.header-top img{position:relative;top:2px}
.header-top .register{color:#f90;margin-right:15px}
.header-top .login span,.header-top .register span{padding-left:5px}
.header-top .register:hover,.header-top .login{color:#003E6E}.header-top .login:hover{color:#f90}

.line-nav{border-bottom:4px solid #eee}
#nav{list-style:none;margin:0;padding:0}
#nav li{float:left;padding:0 5px}
#nav li a, #nav li span{cursor:pointer;color:#505050;padding:8px 10px;display:block;font-size:15px;font-weight:bold}
#nav li:hover span ,#nav a:hover{color:#003E6E}
#nav li span img{position:relative;top:-3px;margin:0 0 0 3px}
#nav .selected a{color:#1570a}
#nav .selected{background:#eee;border-radius:5px 5px 0 0}

.bg-sub{position:relative} 
.sub_tab_1, .sub_tab_2, .sub_tab_3, .sub_tab_4{padding:0 0 20px;display:none;background:#eee;position:absolute;left:0;top:0;z-index:20}
.sub_tab ul{display:inline-block;vertical-align:top;list-style:none;padding:0;margin:20px 10px 0 0}
.sub_tab ul.last{margin:20px 0 0 !important}
.sub_tab ul li{margin-bottom:10px;float:none;font-size:14px}
.sub_tab ul li a{display:block;color:#003E6E}
.sub_tab ul li span{font-size:15px;font-weight:bold;color:#444;font-size:16px;display:block;margin-bottom:20px}
.sub_tab ul li a:hover{color:#f90}

.sub-member{list-style:none;padding:0;margin:0;position:absolute;right:0;top:0}
.sub-member li{float:left;position:relative;padding-right:5px;margin-right:10px;background:url(../images/ico-sub.jpg) no-repeat right center}
.sub-member li a{color:#505050;padding:5px 10px;display:block;font-weight:bold;font-size:15px}
.sub-member li a:hover{color:#F59633}
.sub-member li ul{display:none;list-style:none;padding:5px;margin:0}
.sub-member li:hover ul{display:block;position:absolute;top:28px;width:200px;z-index:10;background:#fff}
.sub-member li ul li{float:none;width:100%;background:none;padding:0;margin:0}
.sub-member li ul li a{font-size:13px;background:url(../images/bullet.png) no-repeat 5px 12px;padding:5px 5px 5px 15px}
.sub-member li ul li a:hover{color:#0077BD}

.bg-banner{margin-bottom:20px}
#content-intro{padding:50px 0 5px;margin-bottom:10px}

.title-box{background:url(../images/bg-box.png) no-repeat;padding:7px 5px 7px 10px;font-size:16px;margin:0;font-weight:normal;color:#035E8D}
.title-services,.title-right{color:#333;font-size:20pt;font-weight:normal;padding:0;margin:0 0 5px}
.title-about,.title-intro{font-weight:normal;color:#003e6e;padding:0;margin:0 0 10px;font-size:18pt}
.title-about,.title-services{text-align:right}

.col-left{float:left;width:615px}
.col-1{float:left;width:300px;margin-right:35px}
.col-2{float:left;width:280px}
.col-3{float:right;width:300px}

.main-services{margin:15px 0}
.main-quotations-index{float:right;width:300px;text-align:center}
.main-quotations{margin:15px 0;text-align:center;}
.main-slogan{background:#f7f7f7;padding:10px;margin-bottom:15px;border-radius:4px}
#quotations{list-style:none;padding:10px 0;margin:0;line-height:1.5em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-style: italic;}
.main-slogan p{margin:0}

.sub-new{list-style:none;margin:0;padding:5px 0 10px}
.sub-new li{padding:5px 0;cursor:pointer;display:inline-block;vertical-align:top;width:100%}
.sub-new li:hover img{border:1px solid #004a94}
.sub-new li img{border:1px solid #ccc;padding:1px;width:105px;height:65px;float:left;margin-right:10px;border-radius:2px}
.sub-new li a{display:block;color:#000;font-weight:bold;padding:0 5px}
.sub-new li:hover a, .sub-new li a:hover{color:#f00}
.sub-new li.last{border:none;padding-bottom:0}

.new-hot h3{margin:8px 0 5px;font-size:11pt;padding:0} 
.new-hot h3 a{color:#DE050D}
.new-hot  p{margin:0;line-height:1.5em}

.sub-expert{list-style:none;margin:0;padding:0}
.sub-expert li{padding:3px 5px;border-bottom:1px solid #E2E2E2}
.sub-expert li.last{border:none;padding:3px 5px 0} .sub-expert li img{width:85px;height:65px;border:1px solid #ccc;padding:2px;border-radius:2px;float:left;margin:0 5px 5px 0}
.sub-expert li a{display:block;color:#666} .sub-expert li h5{font-size:10pt;margin:0;padding:0}
.sub-expert li a:hover{color:#F64305}

.sub-link, .sub-cat-2{list-style:none;margin:0;padding:0}
.sub-link li a,.sub-cat-2 li a{color:#1570A6;display:block;font-size:16px;padding:4px 0}
.sub-link li a:hover, .sub-cat-2 li a:hover{color:#03ACDC}
.sub-link li{margin-bottom:4px}

#video-box{width:230px; margin-bottom: 1em;}
#video-box  #video-youtube{border:1px solid #ccc; margin-bottom:5px}
#video-box ul{list-style: none;margin:0;padding:0}
#video-box ul li{float:left} 

.support-top{background:url(../images/live-support.png) no-repeat;position:relative;height:50px;margin-bottom:15px}
.hotline{position:absolute;top:3px;right:0;color:#064775;font-size:11pt;font-weight:bold} 
.hotline img{position:relative;top:3px;margin-right:3px}
.bg-support{margin-bottom:20px}.title-support{padding:15px 0 0 60px;color:#064775;font-size:14pt;margin:0}
.support{list-style:none;padding:0;margin:0}
.support li{display:inline-block;vertical-align:top;padding:0;margin:0 15px 15px 0}
.support li.last-item{margin:0 0 15px !important} .support li p{margin:0}
.support li .img-support{float:left;width:34px;margin-right:5px}
.support li  .ten-port{float:left;width:240px;font-size:11px;color:#1C1C1C;position:relative;min-height:50px} 
.sky-none, .ico-support{position:absolute;right:0;top:10px}
.ico-skype{position:absolute;right:0;bottom:0}
.ten-port p:first-child{color:#0077BD;font-weight:bold;margin-bottom:3px}

.adv-intro{list-style:none;margin:0;padding:5px}
.adv-intro li{display:inline-block;vertical-align:top;width:98px;margin:0 4px 8px 0}
.adv-intro li.last{margin:0 0 8px !important} .adv-intro li img{width:98px;height:75px}

.title-cat,.title-item{margin:0 0 15px;padding:0;font-size:14px;font-weight:normal;}
.title-cat{font-family:"Life Savers";font-size:29px;}
.title-cat a, .title-item a{color:#444;display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease}
.title-item{margin:5px 0 0}
.title-item a {color:#1570A6} .title-item a:hover{color:#FF9B37}

.item-first h3{padding:0;margin:5px 0;font-size:12pt}
.item-first h3 a{color:#333} .item-first h3 a:hover{color:#f90}
.item-first p{margin:0;line-height:1.55em}

.items-index{padding:5px 0;margin:0;list-style:none;}
.items-index li{padding:1px 0;margin:0;border:none}
.items-index li a{color:#0077BD;background:url(../images/icon-index.png) no-repeat 3px 7px;padding:2px 2px 2px 17px}
.items-index li a:hover{color:#f90;background:url(../images/icon-index-hover.png) no-repeat 3px 7px}

#video-top{text-align:center;padding:5px 0}
.main-sub{margin-bottom:10px}
.main-content{padding:5px 0;margin-bottom:10px}
.main-content p{line-height:1.6em;margin:0 0 12px}

/*Footer*/
#footer{background:#eee;padding:70px 0 20px;font-size:10pt;color:#0077BD} .position{position:relative}
.office{font-size:11pt;color:#555;background:url(../images/bullet-1.png) no-repeat 145px;padding:3px 20px 3px 5px;border:1px solid #B2E2F7;cursor:pointer;position:absolute;top:-50px;left:160px;margin:0;border-radius:3px} .office:active{color:#f90}
.bg-provinces{display:none;margin-bottom:20px} .info-office{display:none}
.office-provinces{list-style:none;margin:0;padding:0}
.office-provinces li{font-size:13px;float:left;margin:0 10px 5px 0}
.office-provinces li.last{margin:0 0 5px !important}
.office-provinces li a.select:hover,.office-provinces li a{display:block;color:#064775;font-weight:bold} .office-provinces li a.select,.office-provinces li a:hover{color:#E77902}

.info-company{position:relative;height:70px} .slogan{margin:0 160px 0;padding:40px 0 0 ;font-size:15px;color:#333}
.copyright{position:absolute;right:10px; top:0;margin:0;font-size:14px;padding-top:40px}
.logo-ft{position:absolute;top:10px;z-index:5;border-radius:4px}

.footer-info{float:left;width:215px}
.main-item-sub{float:right;width:705px}
div.item-sub ul{list-style:none;margin:0;padding:0}
div.item-sub ul li{margin-bottom:5px} div.item-sub ul li a{color:#0077BD}
div.item-sub{margin:0 20px 10px 0;display:inline-block;vertical-align:top;cursor:pointer}
div.item-sub.last-item{margin:0 0 10px !important}
.title-footer{font-size:1.2em;padding:0;margin:0 0 5px;color: #333}
/*#nav-footer{list-style:none;margin:0 0 10px;padding:0;text-align:center}
#nav-footer li{display:inline}
#nav-footer li a{padding:0 10px 0 8px;background:url(../images/bkg-pipe1.gif) no-repeat right}
#nav-footer li.last a{background:none}*/
#footer a:hover{color:#E77902} #footer p{margin:0;line-height:1.55em}
.scrollup{width:40px;height:38px;text-indent:-9999px;position:fixed;bottom:5px;right:5px;display:none;background: url(../images/top.png) no-repeat;cursor:pointer}