body {
text-align:justify;
line-height:1.42857;
font-size:13px;
background:#fff url("../images/canvas.png") no-repeat scroll 0 0;
color:#333;
}
* { outline:0 !important; }
.cleared { clear:both; }
a, a:visited { text-decoration:none; color:#04739b; outline:0}
a:hover, a:focus { text-decoration:none; color:#fe3036; outline:0}
/*
@font-face { font-family:"vlotusfont"; src:url("../fonts/utmalthergothic.ttf") format("truetype"), url("../fonts/utmalthergothic.woff") format("woff"); }
@font-face {
font-family:'AmazoneRegular';
src:url('fonts/amazone/14-5723-amazone.eot') format('embedded-opentype'), url('../fonts/amazone/14-5723-amazone.woff') format('woff'), url('../fonts/amazone/14-5723-amazone.ttf') format('truetype'), url('../fonts/amazone/14-5723-amazone.svg#AmazoneRegular') format('svg');
}
*/
@font-face {
font-family:"Roboto Condensed";
font-style:normal;
font-weight:400;
src:url("../fonts/Roboto-Condensed.woff") format("woff");
}
.mainsheet {
background:#fff;
}
.container {}
.container-fluid{ padding:0; }
.row { margin:0; padding:0; }
.header {
margin:0;
padding:0;
z-index:101;
position:relative;
}
.menubar { margin:0 0 10px 0; padding:0; z-index:100; }
.navbar { margin:0 auto; max-width:1070px; background:#08a3d6; padding:10px 0; min-height:35px; z-index:100; border:0; border-radius:0; }
.topmenu-cover { background:#08a3d6; color:#fff; margin:0; padding:0; z-index:100; border-bottom:3px solid #ffffe2; }
.mainleft { margin:0; padding:0; z-index:2; color:#333; }
.maincenter { margin:0; padding:0 15px 0 0; z-index:1; text-align:justify;}
.artsheet { margin:0 auto; max-width:1070px; }
.maincenterA {  margin:0; padding:0; z-index:1; text-align:justify; }
.mainright { background-color:#fff; margin:0; padding:0; z-index:2; color:#333;}
.copyright{
padding:0 0 0 0;
text-align:left;
position:relative;
color:#ffffff;
z-index:1;
background:#0090c0;
background-size:cover;
border-top:15px solid #08a3d6;
}
.footer {
width:100%;
padding:15px 0 10px 0;
margin:0;
}
.footer:before {
top:-5px;
box-sizing:border-box;
content:" ";
display:block;
right:0;
position:absolute;
z-index:200;
width:100%;
}
.footer a, .footer a:link, .footer a:visited {
color:#fff;
}
.footer a:hover {
color:#ffff00;
}
.menu-footer a, .menu-footer a:link, .menu-footer a:visited {
color:#73dcff;
}
.menu-footer a:hover {
color:#fff;
}
.banner {
color:#333;
margin:0;
padding:0;
position:relative;
}
.banner-r, .banner-l {
margin:0;
padding:0;
}
.banner-r { text-align:right; }
.banner-logo {
margin-left:-14px;
}
.slogan{
color:#0586c2;
display:block;
padding-left:0;
text-shadow:1x 2px #e99e34;
font-size:14px;
left:0;
top:0;
}
.slogan:hover{
color:#3481e9;
opacity:1;
}
.banner-title {
font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
color:#ed1c24;
font-size:24px;
font-weight:bold;
text-shadow:3px 2px 3px #818996;
padding:0;
}
.banner-info {
font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
padding:10px 10px 0 0;
text-align:right;
font-size:18px;
}
.langguage {
padding:5px 0;
}
.th-date {
font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
font-size:16px;
vertical-align:middle;
}

/*general*/
.header p, .menubar p, .mainleft p, .mainright p, .footer p , .homenews p { padding:0; margin:0; }
/*end general*/
/*menu*/
/*menu bar*/
.navbar-header a { color:#fff; }
.navbar-default {
background:#08a3d6;
color:#fff;
}
.navbar-brand { display:none; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color:#ffd975;
}
.navbar-nav > li > a {
padding:10px 15px;
}
.navbar-brand, .navbar-toggle {
height:40px; 
padding:10px 15px 10px 15px;
line-height:20px;
font-size:15px;
}
.navbar-toggle { margin:0; padding:10px 15px; border:0; }
.navbar-collapse {
padding-left:20px;;
padding-right:15px;
}
.navbar-default .navbar-nav > li > a {
color:#fff;
margin:0 2px 0 1px;
}
/*end menu bar*/
.dropdown-menu {
font-size:12px !important;
background-color:#0090c0;
padding:30px 10px 15px 10px;
border:0;
box-shadow:none;
z-index:999;
}
.dropdown-menu::after {
border-color:transparent transparent #0090c0;
border-style:solid;
border-width:10px;
top:-14px;
box-sizing:border-box;
content:" ";
display:block;
left:30%;
position:absolute;
z-index:3;
}
.vmenu .dropdown-menu {
background-color:#02c0f7;
padding-bottom:5px;
border-bottom:2px solid #049ac5;
}
.vmenu .dropdown-menu::after {
border-color:transparent transparent #02c0f7;
top:-14px;
}
.vmenu .dropdown-menu::before{
background-color:#f7bf29;
width:100%;
height:14px;
top:-8px;
left:0;
box-sizing:border-box;
content:" ";
display:block;
position:absolute;
z-index:2;
border-radius:10px 10px 0 0;
}
.dropdown-menu > li > a {
background:transparent none repeat scroll 0 0;
border-color:#fff transparent transparent transparent;
border-image:none;
border-style:solid none none;
border-width:1px medium medium;
color:#fff;
display:block;
float:none;
font-family:"Open Sans",sans-serif;
font-weight:400 !important;
letter-spacing:0;
line-height:20px;
margin:0;
padding:5px;
text-align:left;
text-decoration:none;
text-transform:none;
transition:all 0.3s ease 0s;
white-space:nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background-color:transparent !important;
color:#f8ffa9;
}
/*hmenu*/
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
background-color:transparent !important;
outline:none; 
color:#ffff00;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color:transparent !important;
color:#fff;
border-radius:2px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color:transparent !important;
color:#fff;
z-index:4;
}
.dropdown-toggle::after {
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:4px dashed;
height:0;
width:0;
position:absolute;
left:0;top:0;
z-index:1000;
}
.dropdown-toggle  .glyphicon-triangle-bottom{
	font-size:8px;
}
.hmenu  {
text-transform:uppercase;
}
.hmenu  > li {
font-weight:bold;
}
.hmenu  > li  > a .glyphicon{
line-height:20px;
}
.hmenu  > li:after {
background:#f6ff00 none repeat scroll 0 0;
position:absolute;
width:100%;
height:100%;
}
.hmenu ul ul  {
padding:0 !important;
margin:0 !important;
}
.hmenu ul ul > .divider {
margin:9px 23px;
}
.hmenu ul ul > li > a {
clear:both;
color:#fff;
display:block;
font-weight:400;
line-height:1.42857;
padding:3px 0px 3px 20px;
white-space:nowrap;
}
.hmenu  > li > ul .current {
background-color:transparent;
color:#f8ffa9;
}
.hmenu li.active:after {
background:#0090c0 none repeat scroll 0 0;
content:"";	
transition:all 500ms ease 0s;
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
z-index:3;
transform:skewX(-15deg);
}
.menutop-sub {
position:relative;
}
.menutop-sub img {
width:100%;
height:auto;
max-height:500px;
}
.menutop-item{
padding:0;
margin:6px 6px 10px 6px;
}
.menutop-item ul {
display:none;
position:absolute;
height:100%;
width:80%;
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
top:0;
right:0;
left:20%;
bottom:0;
margin:0;
padding:0 0 0 20px;
}
.menutop-item ul  li{
padding:5px 0;
}
.imagesubmenutop{
cursor:pointer;
}
/*vmenu*/
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color:#fff;
background-color:#f7bf29;
}
.vmenu> li > a:link, .vmenu> li > a:visited {
color:#fff;
padding:5px;
}
.vmenu> li > a:focus, .vmenu> li > a:hover {
background-color:transparent;
text-decoration:none;
color:#ffff00;
}

.deal-info-product-l{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(225, 225, 225, 0.8) none repeat scroll 0 0;
line-height:22px;
min-height:22px;
max-height:66px;
padding:4px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color:transparent;
border-color:#fcc5b4;
}
.vmenu .open > .dropdown-menu {
width:100%;
}
.vmenu ul ul  {
padding:5px 0 0 0 !important;
margin:0 !important;
}
.vmenu ul ul > .divider {
margin:9px 23px;
}
.vmenu ul ul > li > a {
clear:both;
color:#555;
display:block;
font-weight:400;
line-height:1.42857;
padding:3px 30px 3px 30px;
white-space:normal;
}
.vmenu  > li > ul .current {
color:#f8ffa9;
}
.vmenu  .dropdown-menu > li > a {
white-space:normal;
}
/*end menu*/
/*maincenter*/
.slideshow { margin:0; padding:0; position:relative; z-index:4;}
.nivoSlider { max-width:1070px; max-height:487px; overflow:hidden; }
.nivo-controlNav { position:relative; bottom:0; right:0; }
/*begin jcarousel*/
.wrapper {
border:0;
padding:0;
margin:0 auto;
padding:0;
position:relative;
border-radius:2px;
}
.slidecarousel {
background:#08a3d6;
width:100%;
padding:0 0 15px 0;
}
.jcarousel-wrapper {
border:0;
border-radius:0;
box-shadow:none;
padding:0;
position:relative;
margin:0 auto;
max-width:1070px;
}
.jcarousel {
border:0;
position:relative;
overflow:hidden;
width:100%;
padding:0;
margin:0;
}
.jcarousel ul {
}
.jcarousel li {
margin:5px 4px;
border:0;
width:210px !important;
}
.jcarousel-control-prev, .jcarousel-control-next {
/*
background:none !important;
box-shadow:none !important;
font:39px/29px Arial,sans-serif !important;
*/
opacity:0.3;
}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover, .jcarousel-control-next:active, .jcarousel-control-next:focus{
color:#ffd975 !important;
opacity:1;
}
/*end jcarousel*/
.listdeal-cover {
margin:0;
padding:5px;
}
.listdeal {
text-align:center;
padding-right:0px;
padding-left:0px;
}
.deal-item {
margin:0;
padding:5px;
background:#fff none repeat scroll 0 0;
position:relative;
}
.deal-item {
padding:6px;
}
.deal-item:hover {
transition:all 0.3s ease 0s;
}
.deal-icon {
position:absolute;
top:10px;
left:10px;
height:30px;
width:30px;
margin:0;
padding:0;
z-index:900;
}
.deal-icon-blg { left:0px; top:23px; }
.deal-img {
position:relative;
border:1px solid #f1f1f1;
}
.deal-item:hover .deal-img:before {
}
.deal-img:before {
bottom:0;
content:"";
display:block;
height:3px;
left:0;
position:absolute;
transition:all 0.6s ease 0s;
width:100%;
background-color:rgba(255, 255, 0, 0.5);
}
.imgdeal {
border:0;
}
.imgdeal:before {
background-color:#fff;
}
.deal-img img {
width:100%;
max-width:245px;
height:150px;
}
.deal-infor {
height:68px; overflow:hidden; text-align:justify; margin:0;
padding:0 5px 10px 5px;
background:#f7f7f7 none repeat scroll 0 0;
box-sizing:border-box;
position:relative;
}
.deal-infor p { margin:0; padding:0; text-indent:0; }
.deal-tittle { padding:6px 0 0 0; margin:0; height:25px; overflow:hidden; text-align:left; }
.deal-tittle a:link, .deal-tittle a:visited {
color:#337ab7;
font-weight:bold;
}
.deal-tittle a:hover {
color:#fe3036;
}
.deal-tittle-product-r { padding:0; margin:-3px 0 8px 0; font-weight:bold; }
.deal-tittle-product-r a:link, .deal-tittle-product-r a:visited {
color:#337ab7;
}
.deal-tittle-product-r a:hover {
color:#fe3036;
}
.deal-tittle-product-l { padding:0; margin:-3px 0 0 0; font-weight:bold; }
.deal-tittle-product-l a:link, .deal-tittle-product-l a:visited {
color:#1c64a1;
}
.deal-tittle-product-l a:hover {
color:#de4a4a;
}
.deal-more {
text-align:justify;
position:relative;
padding:5px;
}
.deal-btndetail {
background:url("../images/buttondetail.png") no-repeat scroll right center transparent;
display:inline-block;
margin:0 -10px 0 0;
padding:0 10px 0 30px;
height:35px;
line-height:25px;
text-align:left;
color:#ffffff;
font-size:11px;
position:absolute;
top:-100px;
right:0;
}
.deal-btndetail:visited{
color:#ffffff;
}
.deal-btndetail:hover, .deal-btndetail:focus {
color:#fffaaa;
text-decoration:none;
}
.deal-price {
}
.price {
font-weight:bold;
color:#f74c4c;
}
.sale-price {
text-decoration:line-through;
font-size:90%;
}
.hortop {
background:#f4f4f4 none repeat-x scroll 0 100%;
clear:both;
color:#08a3d6;
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
font-size:15px;
height:35px;
line-height:35px;
margin:-10px -10px 5px -10px;
padding:0 5px 0 5px;
text-decoration:none;
position:relative;
opacity:0.98;
text-transform:uppercase;
font-weight:700;
border-bottom:1px solid #eaeaea;
}
.hortop a, .hortop a:link, .hortop a:visited  { color:#ff6839; }
.homeline {
background:#f7f7f7;
clear:both;
color:#08a3d6;
font-weight:bold;
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
font-size:15px;
height:35px;
line-height:35px;
margin:0;
padding:0 5px 0 5px;
text-decoration:none;
position:relative;
opacity:0.98;
text-transform:uppercase;
border-bottom:1px solid #eaeaea;
}
.homeline span, .hortop span  {
color:#f7bf29;
font-size:13px;
height:35px;
line-height:35px;
position:relative;
}
.homeline a, .homeline a:link, .homeline a:visited, .list-center .blockheader a:link, .list-center .blockheader a:visited  {
color:#08a3d6;
}
.homeline a:first-child  { color:#08a3d6; font-weight:700; }
.homeline a:hover, .homeline a:focus, .hortop a:hover, .hortop a:focus, .list-center .blockheader a:hover, .list-center .blockheader a:focus  { color:#fe2a2c; }
.postvlotus {
margin:0 0 15px 0;
padding:10px;
border:1px solid #eaeaea;
background-color:#ffffff;
}
.postmodule {
margin:0 0 15px 0;
padding:0;
border:1px solid #ddd;
}
.postmodule:hover, .list-center:hover, .postvlotus:hover {
box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1);
transition:all 0.3s ease 0s;
}
.postmoduleslide {border:0 solid #eaeaea; margin:0 0 10px 0; }
.postdeal {
margin:0 0 15px 0;
padding:0;
border:1px solid #ddd;
}
.postdeal-title {
}
.postcontent {
margin:0;
padding:0;
text-align:justify;
}
.postheader {
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
margin:0 0 10px 0;
padding:0;
display:block;
font-size:20px;
text-align:justify;
color:#ff0000;
line-height:25px;
}
.postheadericons {
margin:0 0 10px 0;
padding:0;
display:block;
text-align:right;
}
.postdateicon { color:#04739b; }
.table, .table-bordered {
margin:0 0 10px 0;
padding:0;
}
.table > thead > tr > th {
vertical-align:middle;
}
.vlotus-content{
position:relative;
}
.vlotus-content p{
text-indent:30px;
}
.vlotus-content table {
margin:0 auto 10px auto;
padding:0;
max-width:100%;
width:100%;
border:1px solid #f1f1f1;
border-collapse:collapse;
border-spacing:0;
}
.vlotus-content table td , .vlotus-content table th {
border-top:1px solid #f1f1f1;
border-right:1px solid #f1f1f1;
border-collapse:collapse;
padding:8px;
vertical-align:top;
}
.vlotus-content table th {
border-bottom:2px solid #f1f1f1;
}
.vlotus-content div.embed-responsive-16by9 {
margin:auto auto 10px auto;
}
#vtable select {
max-width:75px !important;
font-weight:normal;
background-color:#fff;
border:1px solid #ccc;
}
#vtable tfoot {
position:absolute;
top:-30px;
right:230px;
}
#vtable tfoot  th{
border:0;
margin:0;
padding:0 5px 0 0;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space:normal;
}
.dataTables_filter{
text-align:right;
}
.vlotus-intro {
margin:0 0 10px 0;
padding:0;
text-indent:30px;
}
.vlotus-content table p {
text-indent:0;
}
.vlotus-intro p {
margin:0;
padding:0;
}
.postcontent p {
margin:10px 0 10px 0;
padding:0;
}
.postcontent p.img-respons, .postcontent div.img-respons {
margin:0 0 10px 0;
padding:0;
text-indent:0;
text-align:center;
}
div.img-respons img{
	margin-bottom:5px;
}
.vlotus img:hover {
opacity:0.8;
filter:grayscale(10%);
cursor:zoom-in;
}
.infoform  { padding-bottom:15px; text-align:left; }
.infoform p { padding:0; margin:0; text-indent:0; }
.table-img-respons { width:100%; text-align:center; border:0 !important; }
.table-img-respons td  { text-align:center; border:0 !important; }
h1, h2, h3, h4, h5, h6 {
margin:0 0 10px 0;
padding:0;
}
h1 { font-size:28px; } h2 { font-size:24px; } h3 { font-size:18px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; }

.pagination-cover { text-align:right; clear:both; }
.pagination {
border-radius:4px;
margin:20px 0 10px 0;
clear:both; 
}
.pagination > li > a  {
font-size:12px;
border-radius:2px;
margin-left:3px;
padding:0 3px;
height:30px;
line-height:30px !important;
color:#0881ac;
}
.pagination > li > a:hover {
background-color:#0881ac;
border-color:#04739b;
color:#fff;
transition:all 0.6s ease 0s;
}
.pagination > li  span {
height:30px;
line-height:30px !important;
top:0 !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
border-bottom-left-radius:2px;
border-top-left-radius:2px;
margin-left:0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-bottom-right-radius:2px;
border-top-right-radius:2px;
}
.pagination-vlotus > li  span {
height:30px;
line-height:30px !important;
top:0 !important;
}
.pagination-vlotus {
border-radius:4px;
margin:20px 0 10px 0;
padding:0;
display:inline-block;
clear:both;
}
.pagination-vlotus > li {
background-color:#fff;
border:1px solid #ddd;
color:#0881ac;
border-radius:2px;
font-size:12px;
margin:0 0 0 3px;
padding:0 3px;
height:30px;
line-height:30px !important;
cursor:pointer;
float:left;
list-style-type:none;
}
.pagination-vlotus > li:hover {
background-color:#0881ac;
border-color:#04739b;
color:#fff;
transition:all 0.6s ease 0s;
}
.pagination-vlotus > li.current {
background-color:#0881ac;
border-color:#04739b;
color:#fff;
cursor:default;
display:inline-block;
}
.pagination > li.active a, .pagination > li.active a:hover {
background-color:#0881ac;
border-color:#04739b;
color:#fff;
cursor:default;
}
.per_page { line-height:30px; margin-left:3px; }
.pagination .glyphicon{ margin:0; padding:0; }
/*related items*/
.newer {
background:#fff none repeat-x scroll 0 100%;
display:block;
padding:20px 0 0 0;
position:relative;
}
.newer ul {
margin:0;
padding:0;
font-size:95%;
color:#ff0000;
list-style-type:disc;
list-style-position:inside;
}
.newer-title {
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
display:block;
font-weight:bold;
font-size:15px;
color:#ff0000;
background:#f7f7f7;
height:45px;
line-height:45px;
margin:0 -10px 10px -10px;
padding:0 0 0 11px;
vertical-align:middle;
text-transform:uppercase;
border-radius:0 0 3px 3px;
}

.newer ul li {
padding:2px 0 2px 0;
line-height:25px;
margin:0 0 0 10px;
}
.newer ul li a, .newer ul li a:link , .newer ul li a:visited  {
color:#333333;
text-decoration:none;
}
.newer ul li a:hover  {
color:#000;
text-decoration:none;
}
/*end related items*/
/*mainright*/
.block {
margin:0 0 15px 0;
padding:10px 5px;
display:block;
background-color:#f7f7f7;
border:1px solid #ccc;
border-top:2px solid #f7bf29;
}
.block1 {
margin:0 0 15px 0;
padding:10px 5px;
padding-top:0;
display:block;
background-color:#f7f7f7;
border:1px solid #ccc;
border-top:2px solid #f7bf29;
}
.vmenu-block .vmenu {
background-color:#0194c4;
background:rgba(0, 0, 0, 0) radial-gradient(circle farthest-corner at center top , #08a3d6 30%, #0090c0 70%) repeat scroll 0 0;
list-style-position:inside;
list-style-type:disc !important;
color:#fff;
box-shadow:1px 3px 0 #000;
margin-top:-10px;
padding:5px 10px 10px 25px;
}
.vmenu-block .vmenu::before {
background-color:#f7bf29;
box-sizing:border-box;
content:" ";
display:block;
height:43px;
position:absolute;
top:2px; right:6px; left:6px;
z-index:2;
box-shadow:1px 0 0 #fff;
border-bottom:1px solid #ddd;
display:none;
}
.block:hover {
}
.block-body {
}
.block-body-document {
box-shadow:1px 0px 0px;
-moz-box-shadow:1px 0px 0px;
-webkit-box-shadow:1px 0px 0px;
-o-box-shadow:1px 0px 0px;
-ms-box-shadow:1px 0px 0px;
}
.blockheader {
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
margin:-5px 0px 10px 0px;
padding:5px 0 5px 0;
color:#08a3d6;
font-size:15px;
font-weight:700;
text-align:justify;
white-space:nowrap;
position:relative;
background:transparent none no-repeat scroll left center;
text-transform:uppercase;
border-bottom:1px solid #ddd;
line-height:30px;
}
.vmenu-block .blockheader{
text-align:center;
}
.blockheader-color{
background:#f7bf29!important;
margin:-10px 0px 10px 0px;
color:#fff;
padding:8px 0 5px 8px;
}
.blockheader:after {
}
.blockheader .glyphicon {
color:#f7bf29;
}
.blockcontent {
}
.blockcontent-document {
background:rgba(0, 0, 0, 0) radial-gradient(circle farthest-corner at center top , #08a3d6 30%, #0090c0 70%) repeat scroll 0 0;
box-shadow:1px 3px 0px;
-moz-box-shadow:1px 3px 0px;
-webkit-box-shadow:1px 3px 0px;
-o-box-shadow:1px 3px 0px;
-ms-box-shadow:1px 3px 0px;
padding-top:20px;
padding-left:25px;
margin-top:-13px;
}
.row-document::before{
position:absolute;
}
.row-document a:link, .row-document a:visited {
color:#fff;
}
.row-document a:focus, .row-document a:hover {
color:#ffff00;
}
.list-center {
background-color:#fff;
border-top:1px solid #ccc;
padding:0 0 5px 0;
}
.list-center img {
	display:none;
}
.list-center  .newsnewest div {
}
.list-center .blockheader{
background: #f7f7f7 none repeat scroll 0 0;
border-bottom: 1px solid #eaeaea;
clear: both;
color: #08a3d6;
font-size: 15px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
opacity: 0.98;
padding: 0 5px;
text-transform: uppercase;
}
.list-center .blockcontent{
padding:0 10px 0 10px;
}
.list-center .newsnewest a:link, .list-center .newsnewest a:visited {
color: #555;
}
.list-center .newsnewest a:hover {
color: #fe3036;
}
.list-center .newsnewest {
padding:10px 0 0 10px;
margin:0;
}
.list-center .newsnewest li {
padding:3px 0;
color:#1c64a1;
}
.list-center .newsnewest .row a {
    display: list-item !important;
    list-style-type: disc !important;
}
.list-center .newsnewest .row  {
    overflow:visible;
}
/*end mainright*/
/*end maincenter*/

/*modules*/
.form-control {
font-size:13px;
padding:3px;
}
.btn-info {
border:1px solid;
background-color:#277cbe;
opacity:0.8;
}
.btn-info:hover {
border:1px solid;
background-color:#277cbe;
opacity:1;
}
.form  .row { padding-bottom:10px; }
.menuSearch { cursor:pointer; }
.DropdownMenu {
background-color:#fff;
display:none;
position:fixed;
max-height:80%;
max-width:1070px;
left:-30px;
right:-30px;
margin:0 auto 0 auto;
text-align:center;
z-index:100;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);
border:1px solid #277cbe;
border-top:0
}
.DropdownMenu:after {
border-color:transparent transparent #fff;
border-style:solid;
border-width:9px;
box-sizing:border-box;
content:" ";
display:block;
right:15px;
position:absolute;
top:-18px;
z-index:1001;
}
.DropdownInner {
color:#f1f1f1;
background-color:#fff;
padding:15px 5px;
height:100px;
width:100%;
}
.DropdownClose {
background-color:transparent;
border:medium none;
border-radius:120px;
color:#959595;
float:right;
font-size:26px;
font-weight:bold;
height:28px;
width:28px;
line-height:1;
opacity:0.9;
padding:0;
margin:-10px 0 0 0;
}
.DropdownClose:hover {
color:#d9352b;
}
.searchsimple {
width:300px;
height:25px;
line-height:25px;
padding:0 5px;
margin:0;
color:#686868;
background-color:#fff;
border:1px solid #08a3d6;
outline:none;
vertical-align:top;
}
.postvlotus .searchsimple {
line-height:35px;
height:35px;
padding:0 15px;
width:60%;
}
.chooseengine { text-align:right; margin-bottom:10px; }
.chooseengine label { font-weight:normal; margin:0; }
.toolsearch { text-align:center; margin-bottom:30px; }
.datasearch img { float:left; margin:0 5px 5px 0; width:50px; height:40px; }
.datasearch p { clear:both; min-height:40px; text-indent:0; }
.searchsame { font-weight:bold; }
.display { margin-top:5px; text-align:right; }
.display > .form-control { width:50px; height:25px; display:inline; }
.gsc-input-box {
height:30px !important;
font-size:12px !important;
}
.gsc-input-box:hover, .gsc-input-box:focus {
font-size:12px !important;
}
.gscb_a, #gs_cb50 {
font-size:12px !important;
}
input.gsc-input {
font-size:12px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
height:13px;
margin-top:0px !important;
min-width:13px;
padding:14px 27px !important;
vertical-align:bottom !important;
width:13px;
background:#5bc0de url("../images/search.png") no-repeat scroll center center !important;
border:1px solid #5bc0de !important;
}
.newsnewest  div, .js-marquee .row { margin:0 0 10px 0; clear:both; overflow:hidden; }
.newsnewest img, .scroll-up img , .scroll-down img, .scroll-left img, .scroll-right img{ margin:0 5px 0 0; float:left; width:50px; height:36px; background-color:#e5e5e5; }
.newsnewest1 img { margin:0 5px 0 0; float:left; width:256px; height:auto; background-color:#e5e5e5; }
.newsnewest  .row:last-child, .js-marquee  .row:last-child  { padding:0; margin:0; }
.scroll-up, .scroll-down {
height:150px;
overflow: hidden;
}
.scroll-left, .scroll-right {
overflow: hidden;
}
.blog-news { clear:both; margin:0 0 10px 0; padding:0; max-height:128px; position:relative; overflow:hidden; }
.blog-news p { margin:0; padding:0; text-indent:0; }
.title-home-news, .title-home-news a, .title-home-news a:link, .title-home-news a:visited {
clear:both;
color:#0881ac;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.listblog-center .title-home-news a{
	font-weight:500;
}
.title-home-news a:hover { color:#fe3036; }
.lichcongtac{

}
.inimage-home-news { width:150px; height:100px; float:left; margin:0 3px 0 0; background-color:#fafafa; border:1px solid #f1f1f1; }
.blog-news .inimage-home-news {
	width:160px; height:110px; 
}
#datalistj a, #datalist > div > a {
    display: list-item !important;
    list-style-type: disc !important;
    margin: 10px 0 0 15px !important;
    padding: 0 !important;
}
.customhtml { margin:0; padding:0; position:relative; }
.customhtml p { margin:0; padding:0; }
.customhtml img { display:block; margin-left:auto; margin-right:auto; }
.customhtml-center { margin:0; padding:0; position:relative; }
.customhtml-center p { margin:0; padding:0; }
.weatherfinfo { padding:20px 0 0 0; font-size:98%; min-height:50px; }
#rssOutput img { float:left; }
.weathersource { font-size:9px; text-align:right; font-style:italic; opacity:0.6; }
.contactinfo { padding:0; margin:0 0 10px 0; }
#code { max-width:50px; display:inline; }
#contactsuccess, #contactwarning, #mailwarning, #mailsuccess, #tourwarning, #toursuccess, #faqwarning, #faqsuccess,
#signinwarning, #signinsuccess, #signupwarning, #signupsuccess, #forgetpasswarning, #forgetpasssuccess, #profilewarning,
#profilesuccess, #changepasswarning, #changepasssuccess, #getpwwarning, #getpwsuccess
{ display:none; }
.captcha { display:none; }
#captcha { vertical-align:bottom; height:30px; }
#tloading { display:none; font-size:85%; }
#refresh { cursor:pointer; }
#banner-fade, #banner-slide {
margin-bottom:10px !important;
}
.bjqs-caption {
width:100% !important; padding:5px !important; background-color:#fff !important; bottom:2px !important;
background-color:rgba(255,255,255,0.8) !important; height:auto !important; max-height:66px !important; line-height:20px;
}
ol.bjqs-markers li a {
border-radius:50%;
font-size:10px;
height:18px;
line-height:11px;
text-align:center;
width:18px;
}
p.bjqs-caption a, p.bjqs-caption a:link, p.bjqs-caption a:visited {
color:#337ab7;
}
p.bjqs-caption a:hover {
color:#fe3036;
}
.feature {
background-color:#A2DDEE; margin:0; padding:10px 10px 0 10px; position:relative; background-color:#ffffff;
}

.feature-left { padding:0; }
.feature-homeline {
font-family:"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;
font-size:18px;
font-weight:700;
text-transform:uppercase;
height:40px;
line-height:40px;
margin:-3px 0 10px 0;
padding:0 5px;
background-color:#f7bf29;
border-radius:10%;
color:#fff;
position:relative;
width:100%;
}
.feature-homeline .glyphicon{
font-size:18px;

}
.feature-homeline:after {
border-color:#f7bf29 transparent transparent;
border-style:solid;
border-width:8px;
bottom:-15px;
right:15%;
box-sizing:border-box;
content:" ";
display:block;
position:absolute;
}
.feature-right { padding:0 0 0 5px; }
.feature-right ul { padding:0 0 0 20px; margin:0; color:#1c64a1; }
.feature-right ul li a { display:block; padding:5px 5px 5px 0; font-weight:400; color:#555; }
.feature-right ul li a:hover { color:#fe3036; }
.feature-left ol { left:0 !important; }
.homenews {
background-color:#A2DDEE; margin:0; padding:10px 10px 0 10px; position:relative; color:#333; background-color:#ffffff;
}
.blog-home{
padding:0;
margin:0 0 10px 0;
max-height:205px;
overflow:hidden;
line-height:20px;
vertical-align:top;
}
.blog-home-l{
position:relative;
padding:0;
margin:0 0 10px 0;
height:218px;
overflow:hidden;
line-height:20px;
vertical-align:top;
}
.blog-home-r{
padding:0;
margin:0 0 10px 0;
height:105px;
overflow:hidden;
line-height:20px;
vertical-align:top;
}
.inimage-home-news-l { width:100%; height:auto; float:left; margin:0 0 0 0; background-color:#fafafa; border:1px solid #f1f1f1; }
.homenews-title {
margin:-3px 0 6px 0 !important;
position:relative;
clear:both !important;
height:20px;
overflow:hidden;
}
.homenews-title, .homenews-title a, .homenews-title a:link, .homenews-title a:visited {
clear:both;
color:#337ab7;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.homenews-title a:hover { color:#fe3036; }
.homenews-left { padding:0 5px 0 0; }
.homenews-right { padding:0 0 0 5px; }
.homenews-right ul { padding:0 0 0 20px; margin:0; color:#1c64a1; }
.homenews-right ul li a { display:block; padding:5px 0 10px 0; font-weight:400; color:#555; }
.homenews-right ul li a:hover { color:#fe3036; }
.developer { margin:0; padding:0; display:inline-block; right:0; top:0; font-size:80%; }
.progressvote{
margin-bottom:5px;
}
.download {
font-size:20px;
text-align:center;
}
.breadcrumb > li + li:before {
color:#034462;
content:" ›";
font:20px/20px Arial,sans-serif;
padding:0 5px;
}
.breadcrumb a:link, .breadcrumb a:visited{
color:#034462;
}
.breadcrumb a:focus, .breadcrumb a:hover{
color:#ff0000;
}
.breadcrumb {
background-color:transparent;
border-radius:0;
list-style:outside none none;
margin:-2px 0 5px 0;
padding:0;
}
.breadcrumb img {
display:none;
}
.dateinfo {
text-align:center;
padding-top:3px;
color:#034462;
}

#accordionfaq  h3 { cursor:pointer; font-size:13px; color:#337ab7; margin-top:10px; line-height:20px; }
.accordion {
padding:0 0 0 25px;
}
.accordion p {
margin:0;
padding:0;
text-indent:0;
}
.faqanswer {margin-left:-5px; font-weight:bold;}
#bday, #bmonth, #byear{
max-width:80px;
display:inline-block;
}
.faqmain { font-weight:bold; }
.legal{
padding:10px 0;
font-size:95%;
}
.forgetpass{
margin-bottom:10px;
}
.changeinfo{
margin:10px 0 15px 0;
font-weight:700;
}
.changepass{
margin:0 0 15px 0;
font-weight:700;
}
.note{
text-align:right; font-size:85%;
}
.legalcontent li{
padding-bottom:10px;
}
.sex label{
font-weight:300;
padding:10px;
margin:0;
}
.login{
text-align:right;
padding:0;
right:0;
display:inline-block;
}
.login >ul{
list-style:inside none none;
padding:2px 0;
margin:0;
font-size:12px;
}
.avatarleft{
display:inline-block;
line-height:20px;
}
.avatar{
display:inline-block;
height:45px;
width:45px;
border-radius:50%;
border:1px solid #d9352b;
margin-left:5px;
}
.avatar img{
height:45px;
width:45px;
border-radius:50%;
}
.logindr{
animation-duration:0.5s;
animation-name:fadeInUp;
background-clip:padding-box;
background-color:#fff;
border:1px solid rgba(0, 0, 0, 0.15);
border-radius:4px;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);
font-size:12px;
list-style:inside none none;
margin:0;
padding:5px 20px;
position:absolute;
right:0;
top:100%;
z-index:1000;
display:none;
}
.logindr:after {
border-color:transparent transparent #fff;
border-style:solid;
border-width:9px;
box-sizing:border-box;
content:" ";
display:block;
left:10%;
position:absolute;
top:-18px;
z-index:1001;
}
.logindr li{
padding:5px;
text-align:left;
}
.login >ul:hover ul{
display:block;
}
.article tbody tr:nth-child(2n+1) {
background-color:#fafafa;
}
.artTool{
text-align:center;
}
#message{
display:none;
}
.adisplay{
padding:1px 2px 2px 2px;
vertical-align:bottom;
border:1px solid #ccc;
margin-right:10px;
}
.asearchtool {
margin-bottom:10px;
}
.asearchtool  label {
font-weight:300;
}
#asearch,#aclear{
border-radius:0;
padding:1px 10px;
}
#aclear{
margin-left:-4px;
border-left:1px solid #fff;
}
#akeyword{
border:1px solid #ccc;
font-size:12px;
padding:1px 2px 2px 2px;
vertical-align:bottom;
width:40%;
}
.artlink , .artlink:hover {
color:#fff;
}
.raonew{ text-align:right; margin-bottom:5px; }
#acontent{
height:200px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width:100%;
margin:auto;
max-height:400px;
}
.carousel-caption {
}
.carousel-caption p{
margin:0;
}
.carousel-caption h1{
font-size:16px;
font-weight:700;
text-shadow:none;
}
.carousel-caption a:link, .carousel-caption a:visited {
color:#1c64a1;
}
.carousel-control.right , .carousel-control.left {
background-image:none;
}
.titlecarousel {
padding:10px 7px 0 7px;
}
.introcarousel {
padding:0 7px 10px 7px !important;
}
.carousel-indicators {
top:355px;
right:10px;
left:20%;
width:58%;
height:10px;
margin:0;
text-align:center;
}
.carousel-indicators li{
margin:1px 3px;
}
.carousel-indicators .active {
margin:0 3px;
}
.noimageslide{
width:100%;
margin:auto;
height:400px;
font-size:30px;
background-color:#fafafa;
}
.noimageslide span{
position:absolute;
margin-top:-15px;
top:50%;
left:50%;
}
/* Note:Try to remove the following lines to see the effect of CSS positioning */
.affix {
top:0;
width:100%;
max-width:1070px;
transition:all 0.5s ease-in-out;
z-index:1000;
background:#08a3d6;
}
.affix  .navbar {
border-radius:0;
}
.affix .hmenu > li > a, .affix .top-search {
padding:5px 15px !important;
transition:all .5s ease-in-out;
}
.menu-icon{
padding:0;
}
.menu-icon a{
padding:5px 10px;
}
.menu-icon span:hover{
opacity:1;
}
.menu-icon .active{
opacity:1;
}
.extramenu-bg{
}
.extramenu-bg a, .extramenu-bg a:visited {
color:#333;
}
.extramenu-bg a:hover {
color:#fff;
}
.extramenu1 {
text-align:center;
}
.extramenu{
color:#fff;
margin:0 auto;
max-width:1070px;
}
.top-search {
cursor:pointer;
background-color:#08a3d6;
color:#fff !important;
display:inline-block;
font-weight:bold;
line-height:25px;
height:25px;
vertical-align:middle;
margin:0 20px 0 -4px;
padding:0 16px;
border:1px solid #08a3d6;
padding-top:-10px!important;
}
.postvlotus .top-search {
line-height:35px;
height:35px;
padding:0 26px;
}
.socialicon-f {
cursor:pointer;
background-color:#08a3d6;
color:#fff !important;
display:inline-block;
font-weight:bold;
line-height:25px;
height:25px;
vertical-align:middle;
margin:0;
padding:0 10px;
border:1px solid #08a3d6;
font-size:18px;
}
.hotline{
color:#ff0000;
text-transform:uppercase;
text-shadow:none;
font-size:14px;
}
.hotline-cover{
text-align:left;
}
.hotlineicon{
border:1px solid #ff0000;
border-radius:50%;
padding:5px;
color:#ff0000;
text-shadow:none;
}
.pgwSlideshow ul{
margin:0 !important;
padding:0;
}
.pgwSlideshow .ps-current > ul > li img {
width:100%;
}
.ps-list .ps-prev, .ps-list .ps-next {
opacity:0.2;
background:none !important;
border:0 !important;
}
.ps-current .ps-prev, .ps-current .ps-next {
opacity:0.2;
}
.ps-prev:hover, .ps-next:hover {
opacity:1;
}
.map{
padding:10px 0 0 0;
margin:0;
text-align:right;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #08a3d6;
    background-image: linear-gradient(#08a3d6 20%, #0090c0 90%);
    color: #fff;
}
/*end modules*/
.toTop {
background:#f1f1f1 none repeat scroll 0 0;
border-radius:50%;
bottom:35px;
box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.2);
color:#277cbe;
display:none;
font-size:15px;
height:35px;
width:35px;
overflow:hidden;
position:fixed;
right:35px;
text-align:center;
text-decoration:none;
z-index:20;
cursor:pointer;
line-height:40px;
opacity:0.8;
}
.toTop:hover {
opacity:1;
}
.toTop > span { font-size:18px; color:#333; }
blockquote {
    border: 5px solid #eee;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 5px;
}
.icon-blog, .icon-grid {
	float:right;
	display:block;
}
.icon-grid {
	margin-right:5px;
}
/*private width for screen*/
.sm-btn-left-collapse { display:none; }
@media (min-width:992px) {
	.listdeal-cover > div:nth-child(4n) {	clear:both;	}
}
@media (max-width:991px) {
	.listdeal-cover > div:nth-child(4n) {	clear:both;	}
}
@media (max-width:767px) {
	.container {
	padding-left:5px;
	padding-right:5px;
	}
	.container-fluid {
	padding-left:5px;
	padding-right:5px;
	}
	.navbar {
		padding-bottom:0;
	}
	.navbar-brand { display:block; color:#fff !important; }
	.navbar-header { line-height:40px; padding:0px 0px 0px 10px;}
	.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
	.navbar-default .navbar-nav > li > a {
	color:#fff;
	margin:0 15px 0 15px;
	padding:6px 12px;
	}
	.navbar-default .navbar-toggle {
		padding:10px;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color:transparent; color:#ffff00;
	}
	.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
		background-color:#ffff00;
	}
	.navbar-collapse { margin-top:10px; }
	.navbar-brand {
	padding:10px 0px;
	}
	.navbar-brand:hover{
		color:#ffff00 !important;
	}
	.hmenu .dropdown .dropdown-menu > li > a { color:#fff !important; }
	.maincenter { padding:0; }
	.deal-item { margin:0 0 15px 0; }
	.postvlotus { margin:0 0 15px 0; }
	.postdeal { margin:0 0 15px 0; }
	.postdeal-title { margin:0 0 15px 0; }
	.postmodule {
	margin:0 0 15px 0;
	}
	.vlotus img { max-width:100%; height:auto; } /*colorbox*/
	.table-img-respons img { width:100% !important; height:auto !important; }

	.dropdown-menu {
	padding:5px 10px 5px 10px;
	background-color:transparent;
	}
	.dropdown-menu .dropdown-menu{
	padding:5px 10px 5px 30px !important;
	}
	.dropdown-menu:after {
	border-width:0;
	}
	.dropdown-menu > li > a {
	border-width:0;
	}
	.dropdown-menu-first{
	margin-top:0 !important;
	}
	.hmenu li.active:after {
	transform:none;
	background:transparent none repeat scroll 0 0;
	}
	.hmenu  > li.active > a:before {
	background:transparent none repeat scroll 0 0;
	}
	.hmenu   li.active  a.current {
	color:#f6ff00;
	}
	.hmenu > li > ul .current {
	color:#f6ff00;
	}
	.hmenu  > li  > a:after {
	background:transparent none repeat scroll 0 0;
	height:0;
	width:0;
	transition:none;
	}
	.hmenu  > li > a:before {
	background:transparent none repeat scroll 0 0;
	height:0;
	width:0;
	transition:none;
	}
	.hmenu  > li  > a:hover:before {
	background:transparent none repeat scroll 0 0;
	height:0;
	width:0;
	transition:none;
	}
	.hmenu  > li  > a:hover:after {
	background:transparent none repeat scroll 0 0;
	height:0;
	width:0;
	transition:none;
	}
	.menu-separator {
		border-top: 1px dashed #fff;
		margin-right:30px;
		margin-left:30px;
		opacity:0.5;
	}
	.sm-btn-left-collapse {
	top:40%;
	right:0;
	width:35px;
	height:60px;
	line-height:15px;
	padding:25px 0;
	color:#333;
	border-radius:10px 0 0 10px;
	opacity:0.8;
	cursor:pointer;
	display:block;
	position:fixed;
	text-align:center;
	background-color:#eee;
	z-index:1000;
	}
	.dateinfo {
	text-align:right;
	padding-top:5px;
	}
	.toTop {	 right:6px; }
	.DropdownMenu { left:0; right:0; margin:0px auto; position:relative; }

	.blog-news { max-height:75px; }
	.homenews-title{
	height:20px;
	overflow:hidden;
	}
	.inimage-home-news { width:85px; height:60px; }
	.blog-news .inimage-home-news { width:85px; height:60px; }
	.feature-homeline {
	margin:0;
	padding:0 5px;
	}
	.feature-right { padding:0; }
	.homenews-left { padding:0; }
	.homenews-right { padding:0; }
	.blog-home { height:83px; }
	.homenews-right ul li a {
	padding:3px 0 3px 0;
	}
	.list-center .newsnewest {
		padding-left:20px;
	}
	.bannerbg {
	width:100%;
	}
	.banner-logo {
	width:100px;
	}
	.banner-r {
	padding-right:0;
	}
	.banner-title {
	text-align:right;
	}
	.banner-info {
	text-align:left;
	margin:0;
	padding:0 0 5px 0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	}
	.banner-info span{
	display:block;
	}
	.langguage {
	text-align:right;
	margin:0;
	padding:5px 0;
	}
	.hotline{
	padding:0;
	}
	.vlotus-intro {
	text-indent:0;
	}
	.postcontent p {
	text-indent:0;
	}
	.customhtml  img { border-radius:25px; }
	.customhtml-center p img { margin:0; padding:0; width:100%; }
	.title-home-news{
	height:20px;
	overflow:hidden;
	}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	min-height:180px;
	}
	.carousel-caption {
	left:0;
	right:0;
	bottom:0;
	height:75px;
	}
	.searchsimple{
	max-width:200px;
	border-radius:0;
	}
	.top-search{
	width:10%;
	margin:0 10px 0 -4px;
	}
	.socialicon-f{
	width:10%;
	}
	.map iframe{
	padding:0 !important;
	width:100% !important;
	margin:0 0 5px 0 !important;
	}
	.extramenu1{
		margin-bottom:5px;
	}
	.vmenu-block {
		display:none;
	}
}