@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{width:940px;margin:auto}
#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: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{background:#264480;margin-bottom:5px}

#content{padding:5px 0;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-right{color:#0077BD;font-size:28pt;font-weight:normal;padding:10px 80px 0 0;margin:0 0 5px;font-family:Times New Roman,Times,serif}
.bg-title-right{position:relative}
.icon-page{position:absolute;top:10px;right:0;height:32px;padding-top:10px} .icon-page a{margin-left:2px}
.title-expert{color:#0077BD;font-size:11pt;font-weight:bold;padding:0;margin:0 0 10px}

#left-content{float:left;width:700px}
#left-content-2{float:left;width:200px}

#right-content{float:right;width:220px}
#right-content-2{float:right;width:720px}

.sub-new{list-style:none;margin:0;padding:0}
.sub-new li{padding:5px 0;border-bottom:1px dotted #E6CC97}
.sub-new li.last{border:none}
.sub-new li a{display:block;color:#111}
.sub-new 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:5px}

.sub-cat{list-style:none;margin:0;padding:0}
.sub-cat li a{color:#2A546F;display:block;font-size:10pt;font-weight:bold;padding:5px 2px 5px 12px;background:url(../images/icon-cat.png) no-repeat left 9px}
.sub-cat li.last a{background:none}
.sub-cat li a:hover{color:#03ACDC}
.sub-cat li ul{padding:0 0 2px 10px;margin:0;list-style:none}
.sub-cat li.last ul li a,.sub-cat li ul li a{padding:2px 2px 2px 12px;border:none;font-weight:normal;background:url(../images/arrow.gif) no-repeat 0 6px}
.sub-cat li ul li a:hover{color:#0082D5}

.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}

.statistics{color:#404040;padding:5px 4px 8px 10px !important;margin:0;list-style:none}
.statistics li{padding:2px 0}

.bg-adv{list-style:none;margin:0;padding:5px 0 0 0;text-align:center}
.bg-adv li{padding:0 0 5px 0}

/*Right content*/
.breadcrumbs{color:#444;font-weight:bold;margin:0 0 10px 5px;padding:5px 0;line-height:1.6em}
.breadcrumbs b{padding:0 3px;color:#555;position:relative;top:-1px}
.breadcrumbs a{color:#1570a6;font-size:10pt}
.breadcrumbs a:hover{color:#DE4900}

.ico-view{text-align:right;margin-top:10px}
.ico-view a{color:#2997CA;padding:0 0 0 17px; margin-left: 1em; background:url(../images/sprite.png) no-repeat 0px -14px}
.ico-view a.go-top{background-position: 2px 2px}
.ico-view a:hover{color:#E3611E}

.sub-services li{float:left;width:275px;margin:0 40px 0 0}

.list-column, .sub-services, .list-item,.list-item-cat, .list-video{list-style:none;margin:0;padding:0}
.list-column li, .list-item li, .list-item-cat li, .list-video li {padding:0;margin:0 34px 35px 0;display:inline-block;vertical-align:top;cursor:pointer}
.list-column li.last-item, .list-item li.last-item,.list-item-cat li.last-item {margin:0 0 35px !important}
.list-item li div, .list-video li div{}
.bg-slogan{position:relative} .slogan-left{float:left;width:450px;margin-right:20px;height:300px;overflow:hidden} .bg-preview p{line-height:1.6em}

.title-slogan{position:absolute;bottom:10px;left:10px;height:162px;width:162px;background:#1570A6;z-index:10;color:#fff;font-size:18px;font-weight:normal;margin:0;padding:15px;line-height:1.6em;
font-family:"Segoe UI","Tahoma","Arial","sans-serif";}

.title-cat,.title-item{margin:0 0 15px;padding:0;font-size:14px;font-weight:normal;}
.title-cat{font-size:25px;}
.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}

.list-column li{margin:0 10px 15px 0;text-align:center} 
.list-item li{margin:0 20px 15px 0}
.list-column li.last-item, .list-item li.last-item{margin:0 0 15px !important}

.main-info-cat{margin-bottom:30px}
.link-list-item{float:left;width:200px;margin-right:30px}
.main-list-item{float:left;width:700px}
.main-list-expert{float:left;width:470px}

/*   Page New  */
.panel-items{list-style: none;text-align:justify;font-size:10pt;margin:0;padding:0}
.panel-items li{cursor:pointer;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #ccc; box-shadow: 0 3px 0 0 rgba(135, 135, 135, 0.1)}.panel-items p{margin:0;line-height:1.3em}
.panel-items li.odd,.panel-items li:hover{background:#f5f5f5} .panel-items li:hover img{border:1px solid #383838}
.panel-items li.last{border:none;padding:0;margin:0;box-shadow:none} .panel-items li:hover a{color:#F64305} 
.img{float:left;margin:0 8px 0 0;padding:3px;border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.panel-items li h3, .serviecs-item li h3{margin:0 0 5px 0;font-size:14px;font-weight:bold}
.panel-items li h3 a{color:#1570A6} .panel-items li h3 a:hover{color:#F64305}

/**  items-other  **/
.title-item-other{margin:25px 0 10px;padding-bottom:4px;font-size:11pt;color:#4A4444;font-weight:bold;border-bottom:1px dotted #4A4444}
.items-other{margin:0;padding:0;list-style:none}
.items-other li a span{color:#777;font-style:italic;padding-left:3px;font-size:11px}
.items-other li:hover,.items-other li.odd{background:#f6f6f6}
.items-other li a{color:#555;background:url(../images/icon-other.gif) no-repeat 5px 6px;padding:5px 5px 5px 27px;display:block} 
.items-other li a:hover{color:#F3A21E}

/* paging */
ul.paging{float: right; margin:0; padding:10px 0 5px; list-style: none}
ul.paging li{display: inline;margin:0}
ul.paging .hidden{display: none;}
ul.paging .page a, ul.paging .previous a, ul.paging .first a, ul.paging .next a, ul.paging .last a{background:#fff;border:1px solid #ccc;color:#111;padding:4px 10px;font-weight:bold;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
ul.paging .page a:hover, ul.paging .previous a:hover, ul.paging .first a:hover, ul.paging .next a:hover, ul.paging .last a:hover, ul.paging .selected a{background: #39a3e6;border: 1px solid #0082d5;color: #fff}

#video-top{text-align:center;padding:5px 0;margin-bottom:15px}
.main-sub{padding:5px 5px 6px;margin-bottom:15px}
.main-view-video,.main-border,.main-content{padding:8px 0;margin-bottom:15px}
.main-view-video{text-align:center;padding:10px}
.main-content p{line-height:1.6em}

/*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{display:block;color:#064775;font-weight:bold}.office-provinces li a:hover{color:#FFFF00}

.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}

/* Error */
.errorSummary{border: 1px solid #f00;padding:2px 0;margin:10px 0 5px 0; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#form-contact .errorSummary ul,.errorSummary ul{margin:0 32px;padding:5px 0; color:red;list-style:disc}
#form-contact .errorSummary ul li, .errorSummary ul li{padding:3px 0}

#form-contact{padding:5px 15px}
#form-contact ul label{color:#4A4444;font-weight:700; margin:0;width:130px; float:left}
#form-contact ul{list-style:none;margin:0;padding:0}
#form-contact ul li{padding:4px 0; margin:0}
#form-contact ul input, #form-contact ul textarea{ margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ddd;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#form-contact ul textarea{width:300px}
#form-contact ul span{color:#f00;margin:0 5px 0 0}
#form-contact .button-submit{margin:10px 0 5px 30px;background:#4A4444;color:#fff; height:28px;text-align:center; cursor:pointer;width:70px;border:none;font-weight:bold}
#form-contact .button-submit{margin:10px 10px 5px 0}

/** Poll **/
#poll{color:#383838;padding:5px 5px 5px 5px;background:#fff;margin-bottom:15px}
#poll p{margin:0 0 10px; font-weight: bold}
#poll ul{list-style: none; margin:0; padding: 0}
#poll ul li{margin:3px 0}
#poll ul li label{padding-left:5px}
#poll .button-poll{cursor:pointer;margin:5px 0 0 0;background:#000;border:none;padding:3px 7px;color:#fff;font-weight:bold;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px}

/** Poll Result **/
.poll-title{color:#c00;font-size:140%;font-weight:600;padding:10px 5px 15px 0;margin-top:5px}
#poll-result{width:100%;position:relative;right:1%; margin-bottom: 1em}
#poll-result .bar-title{position:relative;float:left;width:40%;line-height:20px;margin-right:17px;font-weight:bold;text-align:right}
#poll-result .bar-container{position:relative;float:left;width:50%;height:10px;margin:0 0 15px}
#poll-result .bar-container div{background-color:#c40;height:20px; display: block; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#poll-result .bar-container strong{position:absolute;right:-32px;top:0;overflow:hidden}

/* Add to cart */
.form-order{margin:0 0 15px 0;border-radius:0 0 4px 6px;-webkit-border-radius:0 0 4px 6px;-moz-border-radius:0 0 6px 4px}
.form-order thead{background:#785425;border-right:1px solid #785425}
.form-order thead tr td{font-weight:bold;padding :5px !important; color:#fff;font-size:10pt}
.form-order tbody tr td{border : 1px solid #ccc}
.form-order tbody tr .pic-order{padding:5px}
.form-order tbody tr input{border:1px solid #ccc}
.form-order tbody tr td a{color:#2B1805;display:block}
.form-order tbody tr td a:hover{color:#49372B}
.button-order{cursor:pointer; border:none;font-weight:bold;background:#785425;padding:5px 7px;color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:0 10px 0 0}
.button-order:hover{color:#fff}

/* Ordering */
#ordering .form label{color:#444;font-weight:700; margin:0;width:110px; float:left}
#ordering .form{list-style:none;margin:0;padding:0}
#ordering .form li{padding:4px 0; margin:0}
#ordering .form input ,#ordering .form textarea{ margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ddd;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#ordering .form textarea{width:330px}
#ordering .form span{color:#f00;margin:0 5px 0 0}
#ordering .form .button-submit{margin:5px 0;background:#2B1805;color:#fff; text-align:center; cursor:pointer;border:none;font-weight:bold; padding:5px 30px;border-radius:2px;-moz-border-radius: 2px; -webkit-border-radius:2px; width:auto}

.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}