@charset "UTF-8";
@font-face {
  font-family: 'Saira';
  src: url("../fonts/Saira-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Saira';
  src: url("../fonts/Saira-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Saira';
  src: url("../fonts/Saira-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Saira';
  src: url("../fonts/Saira-SemiBold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Saira';
  src: url("../fonts/Saira-Bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
}

/*to reset all display of all browser*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0; /*border: 0;*/ /*font: inherit;*/ /*vertical-align: baseline;*/
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

ol, ul
{
    list-style: none;
}

map
{
    display: inline;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/*-- starting my style--*/
/*=========================
Main sections
===========================*/
body
{
    margin: 0px;
    padding: 0px;
    font-family: "Saira" ,Arial,Tahoma;
    font-size: 14px;
    background-color: #ffffff;
}
.topBg
{
    /* background: url(../items/banner/banner.jpg) top center no-repeat; */ /* background-color:#000000;    opacity:0.8;    color:#ffffff;    z-index:100;*/ /*min-height: 400px;*/
}
.header
{
    background-color: #000000;
    opacity: 0.8;
    color: #ffffff;
    z-index: 9999;
}
.contactInfo
{
    font-size: 14px;
    margin-top: 20px;
    float: left;
    color: #ff9d03;
    z-index: 100 !important;
    position: relative;
}
.borderGray
{
    border-bottom: solid 1px #c1c1c1;
}
.btnYellow
{
    background-color: #ff9d03;
    color: #000000;
    font-weight:bold;

    margin-left:35px;
    margin-top:15px;
}
.btnYellow a
{
    color: #000000;
    font-weight:bold;
}
.btnYellow:hover
{
    background-color: #f9a727;
}
.cssLang
{
    display: inline-block;
    font-family: Saira;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 30px;
    border: solid 1px #6c6d6e;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    margin-left: 32px;
    float: left;
    margin-top: 15px;
    margin-right: 0px;
    z-index: 99999;
}
.cssLang a
{
    color: #ffffff;
}
.language
{
    display: inline-block;
    font-family: 'RobotoCondensed';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 30px;
    border: solid 1px #6c6d6e;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    margin-left: 32px;
    user-select: none;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    z-index: 99999;
}
.language:after
{
    position: absolute;
    top: 0;
    right: -15px;
    content: url(/images/down.png);
    padding-top: 10px;
    cursor: pointer;
}
.iconLang
{
    background: url(/images/down.png);
    width: 5px;
    float: right;
    padding-top: 12px;
}
.langList
{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    right: 50%;
    z-index: 1;
    margin-top: 8px;
    box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.4);
    display: none;
    width: 65px;
    margin-right: -33px;
    background: #1d1d1d; /* background:#f3f3f3;*/
    z-index: 99999;
}

.langList a
{
    display: block;
    border-bottom: solid 1px #f1f1f1;
    padding: 5px 5px;
    background: #2c2f33; /*background-color:#f9f9f9;*/
    z-index: 99999;
}

.language ul a:hover
{
    color: #ff9d03;
}
/*
.language:after {
  position: absolute;
  top: 0;
  right: -15px;
  font-family: "FontAwesome";
  content: ">";
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}*/
.banner
{
    /* top:-100px;     left:0px;     z-index:0;     position:relative;*/ /*background:url(../items/banner/banner.jpg) top center no-repeat;*/
    min-height: 300px;
}

.margin2side
{
    margin-left: 200px;
    margin-right: 200px;
}   
.margin2sideDetail
{
    margin-left: 100px;
    margin-right: 100px;
}
.dichvuMarginTop
{
   /* margin-top:0px;*/
    margin-top:60px;
    }
.catTitle
{
    text-transform: uppercase;
    font-size: 28px;
    text-align: center; /*   color: #ff9d03;*/
    color: #ff9d03;
    font-weight: bold;
    padding: 0px;
  
}
.catTitle a
{
    color: #ff9d03;
    text-decoration: none;
}
.catTitle a:hover
{
    color: #cc3300;
    text-decoration: none;
}
.catTitle2
{
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    padding: 0px;

}
.catTitle2 a
{
    color: #333333;
    text-decoration: none;
}
.catTitle2 a:hover
{
    color: #cc3300;
    text-decoration: none;
}
.catLine
{
    width: 225px;
    height: 20px;
    background: url(/images/catLine.png) no-repeat top center;
    margin-bottom: 35px;
margin-top: 25px;
}

.noMargin
{
    margin: 0px !important;
}
.cssBringBack
{
    position: relative;
    top: -150px;
    left: 0px;
    z-index: 0;
}
.cssMarginTop
{
    margin-top: -160px;
}


.cssButton
{
    background-color: #ff9d03;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 20px;
}
.cssButtonSend
{
    background-color: #ffba00;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    padding: 5px 20px;
    border: solid 1px #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}



/*====== carousel of product images========*/

#myCarousel2
{
    background-color: #cbcbcb;
}
.slideControl
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 30px;
    color: #666666;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}


.slideControl.left
{
    background-repeat: repeat-x; /*  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
    left: -40px;
    background-color: Red;
}

.slideControl.right
{
    right: -70px;
    left: auto;
    background-repeat: repeat-x; /*  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
}

.slideControl:focus, .slideControl:hover
{
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.slideControl .glyphicon-chevron-left, .slideControl .glyphicon-chevron-right, .slideControl .icon-next, .slideControl .icon-prev
{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.slideControl .glyphicon-chevron-left, .slideControl .icon-prev
{
    left: 50%;
    margin-left: -10px;
}

.slideControl .glyphicon-chevron-right, .slideControl .icon-next
{
    right: 50%;
    margin-right: -10px;
}

.cssFocus:hover
{
    border: solid 1px #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
   
}
.cssFocus img:hover
{
     opacity: 0.5;
    }
/*
#myCarousel2 img {
  filter: gray; 
  -webkit-filter: grayscale(1); 
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

#myCarousel2 img:hover {
  filter: none; 
  -webkit-filter: grayscale(0); 
 
}
*/
#myCarousel1
{
    background-color: #cbcbcb;
}

.slideControl1
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 30px;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 1000;
}


.slideControl1.left
{
    background-repeat: repeat-x; /*  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
    left: -30px;
}

.slideControl1.right
{
    right: -30px;
    left: auto;
    background-repeat: repeat-x; /*  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
}

.slideControl1:focus, .slideControl1:hover
{
    color: #666666;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}


.slideControl1 .glyphicon-menu-left, .slideControl1 .glyphicon-menu-right, .slideControl .icon-next, .slideControl1 .icon-prev
{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.slideControl1 .glyphicon-menu-left, .slideControl1 .icon-prev
{
    left: 50%;
    margin-left: -10px;
}

.slideControl1 .glyphicon-menu-right, .slideControl1 .icon-next
{
    right: 50%;
    margin-right: -10px;
}


/*============ topnews ==================*/
.topNewsBg
{
    /*  margin-top: 100px;*/ /*   border: solid 5px #ff9d03;*/
    padding: 10px !important;
    width: 100%;
    height: auto;
}

.topTitle
{
    text-transform: uppercase;
    font-size: 28px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 15px 0px;
    font-family: "Saira" ,Helvetica, Helvetica Neue,Arial;
}
.topTitle a
{
    color: #000000; /* text-decoration:none;*/
}

.topTitle2
{
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -60px; /* margin-top: -20px;*/
    padding: 15px;
    color: #ff9900;
}
.topTitle2 a
{
    color: #ff9900;
}
.topDes
{
    margin-top: -40px;
    text-align: justify;
    max-height: 260px;
    overflow: hidden;
    width: 100%;
    padding-left: 15px;
    padding-top: 10px;
    color: #000000;
}
.topDes a
{
    color: #000000;
    text-decoration: none;
}
.sloganBorder
{
    border: solid 2px #ff9900;
    padding: 30px;
    margin: 0px;
}
.sloganTitle
{
    color: #ff9d03;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
}
.sloganTitle a 
{
    color: #ff9d03;
    }
.sloganTitle a:hover
{
    color: #666;
    text-decoration:none;
    }
.sloganContent
{
    color: #3f3f3f;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    line-height: 32px;
}
/*============block news==================*/
.blockBg
{
    margin-top: 50px;
    padding: 5px;
}

.blockTitle
{
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    color: #ff9d03;
    border-left: solid 4px #ff9d03;
    padding: 10px;
}

.blockTitle a
{
    color: #ff9d03;
    font-weight: 500;
    font-size: 24px;
    text-decoration: none;
}

.blockTitle a:hover
{
    color: #cc3300;
    text-decoration: underline;
}
.blockTitle2
{
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    color: #cccccc;
}

.blockTitle2 a
{
    color: #cccccc;
    font-weight: 500;
    font-size: 24px;
    text-decoration: none;
}

.blockTitle2 a:hover
{
    color: #cc3300;
    text-decoration: underline;
}
.blockImage
{
    float: left;
    padding: 1px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 140px;
    height: 90px;
    border: 1px solid #999999;
}

.blockDes
{
    text-align: justify;
    color: #251515;
    padding: 10px;
    font-size: 13px;
}


.blockList
{
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
    padding-left: 0px;
}

.blockList ul
{
    margin-left: 5px;
    padding-left: 8px;
    line-height: 18px;
    list-style-image: url(../images/bullet.jpg);
}

.blockList ul li
{
    /*font-weight: bold;*/
    font-family: "Saira" ,Arial;
    font-size: 13px;
    padding-top: 5px;
    margin-right: 0px;
}

.blockList a
{
    color: #004891;
    text-decoration: none;
    line-height: 17px;
}

.blockList a:hover
{
    color: #cc0033;
    text-decoration: underline;
}


.rightmore
{
    width: 650px;
    text-align: right;
    padding-right: 10px;
    color: #0033ff;
    font-size: 12px;
    margin-top: 10px;
}

.rightmore a
{
    color: #0033ff;
    font-weight: normal;
    text-decoration: none;
}

.rightmore a:hover
{
    color: #cc0033;
}
/*--- End of block news --*/

/*-- for list news --*/
.listTitle
{
    color: #004891;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin-left: 20px;
}

.listTitle a
{
    color: #004891;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.listTitle a:hover
{
    /*color:#ff6600;*/
    text-decoration: underline;
}

.listDes
{
    text-align: justify;
    padding: 0px 5px 5px 0px;
    margin-left: 20px;
}
.imgOther
{
    max-width: 80px;
    padding-top: 10px;
    padding-left: 0px;
}
/*-- end of list news --*/
/*========for footer===========*/
.footer
{
    background-color: #181a1e;
    color: #666666;
    padding: 15px;
    line-height: 30px;
}
.footerLight 
{
     color: #f4f4f4;
}
.footerDark 
{
     color: #666666;
}
.footerBig 
{
    color: #ffffff;
    font-weight:bold;
    font-size:24px;
    padding-bottom:10px;
    padding-top:10px;
    }
.footerTitle
{
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
     color: #ffffff;
    font-weight: 500;
    padding: 0px;
}
.footerLine
{
    border-bottom: solid 2px #ff9d03;
    width: 30px;
    height: 2px;
    
    text-align: left;
    margin-bottom: 10px;
}
.footerBox
{
    width: 100%;
    padding: 5px 0px;
}
.footerBox input 
{
    background-color:#181a1e;
    border-color:#666666;
    }
    .footerBox textarea 
{
    background-color:#181a1e;
    border-color:#666666;
}
.footerCol ul
{

    }
.footerCol ul li
{
    font-size: 14px;
    color: #666666;

}
.footerCol ul li i
{
    margin-right:10px;
    font-size: 14px;
    color:#ff9d03;
    }
.btnYellowSend
{
    background-color: #ff9d03;
    color: #000000;
    font-weight:bold;
    margin-top:15px;
}
.btnYellowSend a
{
    color: #000000;
font-weight:bold;

}
.btnYellowSend:hover
{
    background-color: #f9a727;
}
.btnRed
{
    background-color: #d4312d;
    color: #ffffff;
    font-weight:bold;
    margin-top:15px;
}
.btnRed a
{
    color: #ffffff;
font-weight:bold;

}
.btnRed:hover
{
    background-color: #666666;
}
.smooth {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#adadad;
}
.footerBottom
{
    background-color: #0f1114;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    padding: 10px;
}
.f-social {
  margin-top: 20px;
  font-size:14px;
}

.f-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: solid 1px #f4f4f4;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  opacity: 0.4;
  margin-right: 5px;
  padding-top:10px;
   font-size:14px;
}

.f-social a:hover {
  opacity: 1;
  background: #ff9d03;
  border: solid 1px #ff9d03;
}

/*=========================
For comment part
===========================*/
.commentBoxTop
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
    color: #ffffff;
    text-align: left;
    height: 26px;
    text-transform: none;
    background-color: #0066cc;
    border: solid 1px #0066cc;
}

.commentBoxBg
{
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 8px;
}

.commenttable
{
    background-color: #ffffff;
    margin: 5px;
    margin-left: 10px;
}

.commenttable td
{
    padding: 5px 10px;
}

.commentbax
{
    font-size: 13px;
    font-weight: bold;
    color: #fc3030;
}

.commentTitle
{
    color: #022bfd;
}

.commentContent
{
}

.commentAuthor
{
    font-style: italic;
}

.centerbox
{
    color: #fc3030;
    font-weight: bold;
}
/*--- End of comment --*/


.sitemap
{
    padding: 7px;
}

.sitemap a
{
    text-decoration: none;
}

.sitemap a:hover
{
    color: #FF4500;
}


/*-- box hình ảnh hoạt động/video--*/
#divTab1
{
    float: left;
    margin-left: 30px;
    cursor: pointer;
}

#divTab2
{
    float: left;
    cursor: pointer;
}

#divAlbum
{
    width: 288px;
    height: 225px;
}

#div
{
    width: 190px;
    height: auto;
    margin-left: 2px;
}
/*-- hết box hình ảnh hoạt động/video--*/


.adBorder
{
    text-align: center;
    margin: 0px 0px;
}

.videoList
{
    padding: 5px 3px;
    text-align: left;
}

.videoList ul
{
    list-style-image: url(../images/bullet.gif);
    list-style-position: inside;
    margin-left: 5px;
}

.videoList ul li a
{
    text-decoration: none;
    color: #0033cc;
}

.videoList ul li a:hover
{
    text-decoration: underline;
    color: #ff0033;
}

.videoMore
{
    float: right;
    font-style: italic;
    padding: 7px 0px 0px 0px;
    font-size: 12px;
}

.videoMore a
{
    color: #666666;
    text-decoration: none;
}

.videoMore a:hover
{
    color: #ff0033;
    text-decoration: underline;
}

.notify
{
    text-align: justify;
    padding: 7px;
    color: #0252e5; /*font-size: 13px;*/
    line-height: 24px;
}

.notify a
{
    text-decoration: none;
    color: #0252e5;
}

.notify a:hover
{
    color: #ff0000;
}

.leftReport
{
    color: #333333;
    width: 120px;
}

.rightReport
{
    font-weight: bold;
    font-family: "Saira" ,Arial;
    font-size: 13px;
    color: #094d9c;
}
/*--- End of right menu --*/

.Zoomsite
{
    text-align: left;
    color: #004891;
    font-weight: bold;
    font-size: 14px;
}

.Zoomsite a
{
    text-decoration: none;
    color: #004891;
    font-weight: bold;
    font-size: 14px;
}

/*=========================
For list page
===========================*/
/*.catTitleMenu
{
    position: absolute;
    top: 0px;
    background-color: #000000;
    color: #ffffff;
}*/

.listNewsTitle
{
    color: #828385;
    font-weight: 600;
    font-size: 20px;
    border-left: solid 2px #ff9d02;
    padding-left: 10px;
    margin-top: -20px;
    text-transform: uppercase;
}
.listNewsTitle a
{
    color: #828385;
}
.listNewsTitle a:hover
{
    color: #ff9d02;
}
.listNewsLine
{
    border-top: solid 2px #828385;
    margin-left: 10px;
    width: 50px;
    margin-bottom: 10px;
}

.borderBottomYellow
{
    border-bottom: solid 2px #ff9d02;
    width: 55px;
    height: 5px;
    margin-left: 0px;
}
/*=== for right ===*/
.borderLeft
{
    border-left: solid 4px #ff9d02;
    margin-left: -1px;
    float: left;
    width: 5px;
    height: 35px;
}
.borderBottom
{
    border-bottom: solid 2px #828385;
    width: 55px;
    height: 5px;
    margin-left: 5px;
}

.catTitleLine
{
    height: 5px;
    float: left;
    background: url(/images/dnewLine.png) left bottom no-repeat;
}
.catTitleLine2
{
    height: 5px;
    float: left;
    background: url(/images/dnewLine2.png) repeat-x;
}

.rightMenuTitle
{
    color: #ff9d03;
    font-size: 18px; /*border-left: solid 3px #ff9d02;*/
    padding-left: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top:20px;
}
.rightMenuTitle a
{
    color: #ff9d03;
}
.rightMenuTitle a:hover
{
    color: #ff9d03;
}
.rightMenuList
{
    margin-left: 15px;
    text-transform: uppercase; /*  border-left: solid 2px #828385;*/ /*margin: 0px;*/
    width: 100%; /* margin-bottom: 10px;*/
    color: #ff9d03;
    font-weight: 500;
}
.rightMenuList .top
{
    font-size: 14px;
    font-weight: 700;
    color: #ff9d03;
}
.rightMenuList ul li
{
    line-height: 34px;
    border-bottom: solid 1px #c1c1c1;
    padding-left: 15px;
    line-height: 45px;
}
.rightMenuList ul li a
{
    color: #030303;
    text-decoration: none;
}
.rightMenuList ul li:hover 
{
    background-color: #ff9d03;
}

.rightMenuList ul li.active
{
    /*   background-color:#e89724;*/
}
.rightMenuList ul li:hover ul li
{
    background-color:#ffffff;
    }
    
.rightMenuList ul li:hover > ul li:hover
{
    background-color:#ff9d03;
    }
.rightMenuList ul li ul li:hover
{
    background-color: #ff9d03;
}

.rightOtherList
{
    margin: 0px;
    padding: 0px;
    font-size: 12px; /* text-transform: none;*/
}
.rightOtherList a
{
    color: #ff9d03;
}
/*==end of right==*/

/*== for detail page==*/
.detailCatTitle
{
    padding: 10px; /* background-color: #050505;*/
    color: #ffffff;
    font-size: 14px; /* text-transform: uppercase;*/
    margin-top: -60px;
   
}
.detailCatTitle span a
{
       color: #ff9d03;
}
.detailCatTitle a
{
    color: #ffffff;
}
.detailCatTitle2
{
    color: #ff9d03;
}
.detailCatTitle2 a
{
    color: #ff9d03;
}
.detailCatTitle2 a
{
    color: #ff9d03;
}
.detailTab
{
    background-color: #050505;
    color: #ffffff;
    padding: 5px 10px;
}
.detailBg
{
    text-align: justify;
    padding: 10px 15px;
    width: 100%;
}

.detailTitle
{
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #181818;
    font-weight: bold;
    font-size: 20px;
}

.detailTitle a
{
    text-decoration: none;
    color: #181818;
    font-weight: bold;
    font-size: 18px;
}

.detailTitle a:hover
{
    color: #990000;
}

.detailTitleTop
{
    color: #ff9d03;
    font-size: 20px; /*border-left: solid 3px #ff9d02;*/
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
    margin-left: 0px;
}
.detailTitleTop a
{
    color: #ff9d03;
}
.detailTitleTop a:hover
{
    color: #181818;
}
.detailDes
{
    font-size: 14px;
    text-align: justify;
    width: 100%;
    height: auto; /*color:#27408B;*/ /*  color: #0033ff;*/
    color: #333333;
    padding-left:0px;
}

.detailContent
{
    font-family: "Saira" ,Arial;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 0px;
    padding-left: 0px;
    clear: both;
}

.detailContent p
{
    padding-top: 10px;
}


.detailContact
{
    font-family: "Saira" ,Arial;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.detailContact p
{
    padding-top: 5px;
}
.detailListNews 
{
    margin-top: 10px;

}
.detailListNews img
{
    min-width:100%;
    }
.dnewstitle
{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    height: auto;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    text-align: justify;
}

.dnewstitle a
{
    color: #02345e;
    text-decoration: none;
}

.dnewstitle a:hover
{
    color: #339900;
}

.dnewstitleCenter
{
    /*color:#3333ff; */
    color: #02345e;
    font-weight: bold;
    padding: 14px 5px;
    font-size: 14px;
    text-align: center;
}

.dnewstitleCenter a
{
    color: #02345e;
    text-decoration: none;
}

.dnewstitleCenter a:hover
{
    color: #339900;
}
/*
.detailImg
{
	text-align:center;
	width:200px;height:124px;
	}
*/

.detailView
{
    text-align: right;
    float: right;
    color: #666666;
    padding-top: 3px;
}

.detailView a
{
    color: #666666;
    text-decoration: none;
}

.detailView a:hover
{
    color: #022bfd;
}

.newsTitle
{
    padding: 0px 5px;
    text-align: justify;
    padding-left: 5px;
}

.detailAuthor
{
    text-align: right;
    font-style: italic;
    font-weight: bold;
    padding-right: 20px;
}

.title2
{
    color: #003366;
    font-weight: bold;
    text-align: left; /*border-bottom:double #003399;*/
    padding-top: 10px;
}

.title2 a
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
}

.title2 a:hover
{
    color: #0066cc;
    text-decoration: underline;
}

.imgRounding
{
    padding: 3px;
    border: solid 1px #cccccc;
    margin-right: 5px;
    margin-bottom: 5px;
}

.newsContent
{
    text-align: justify;
    padding: 0px 5px;
}

.goUp
{
    text-align: right;
    padding-top: 3px;
}

.goUp a
{
    text-decoration: none;
}

.goUp a:hover
{
    color: #6b9902;
}


.boxnewsdate
{
    color: #6b9902;
}

.linelist
{
    height: 12px;
    width: 690px;
    margin-left: 20px;
    border-top: dotted 1px #cccccc;
}

.dnewsdateleft
{
    font-size: 12px;
    float: left;
    padding-top: 5px;
    color: #666666;
    font-style: italic;
}

.dnewsdateright
{
    font-size: 12px;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    color: #666666;
}

.dnewsdateright a
{
    text-decoration: none;
    color: #666666;
}

.dnewsdateright a:hover
{
    color: #0033ff;
}

.shortImg
{
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
}

.shortImgBorder
{
    padding: 3px;
    border: solid 1px #cccccc;
}

.imgDes
{
    color: #27408B;
    font-style: italic;
    padding: 3px;
}

.relatedList
{
    font-size: 13px;
    font-weight: bold;
    color: #EE0000;
    float: left;
    padding-left: 5px;
}

.titleLine
{
    border-bottom: solid 2px #cccccc;
    width: 50px;
}

.bottomLine
{
    border-bottom: solid 2px #e4fb9f;
    width: 100%;
}

.listnewsitem
{
    padding: 8px;
}

.listnewsitem a
{
    text-decoration: none;
    color: #0252e5;
    font-weight: bold;
    font-size: 13px;
}

.listnewsitem a:hover
{
    color: #EE0000;
}

.listnewsitem img
{
    padding: 1px;
    margin: 5px;
    border: solid 1px #f0f0f0;
}

/*-- for document detail page--*/
.listdocHeader
{
    padding: 3px 5px;
    font-weight: bold; /*background-color:#f9f9f9;*/
    background-color: #cccccc;
}

.listdoc
{
    padding: 3px 5px;
    font-weight: normal;
}

.listdoc a
{
    text-decoration: none;
}

.listdoc a:hover
{
    text-decoration: underline;
    color: #fc3030;
}

/*--- End of detail page --*/

/*=========================
For poll
===========================*/
.tablepoll td
{
    padding-bottom: 2px;
    padding-top: 8px;
    border-bottom: #c0c0c0 1px solid;
}

.tablepoll #bottom
{
    padding-bottom: 2px;
    padding-top: 8px;
    border-bottom: #c0c0c0 0px solid;
}

.pollall
{
    padding: 10px;
}

.pollall a
{
    color: #046cd1;
}

.pollall a:hover
{
    color: #fc0303;
}

.divpollview
{
    background-color: #119d47;
    height: 12px;
}

.polltitle
{
    font-weight: bold;
    font-size: 13pt;
    color: #414141;
}

/*--- End of pool --*/


/*=========================
Others
===========================*/
.red
{
    color: #EE0000;
    padding-right: 2px;
}

.clearfix
{
    clear: both;
}

.faq
{
    padding-top: 5px;
    font-weight: bold;
    color: #022bfd;
}

.faqTitle
{
    color: #022bfd;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 20px;
}

.faqQuestion
{
    font-weight: bold;
    color: #666666;
    padding-left: 20px;
}

.faqAnswer
{
    padding-bottom: 5px;
    padding-left: 20px;
}

.faqLine
{
    height: 3px;
    border-top: dashed 1px #cccccc;
}

.slug
{
    margin-left: 20px;
    padding-top: 15px;
    color: #022bfd;
    font-weight: bold;
}

.slug a
{
    text-decoration: none;
}

.slug a:hover
{
    color: #FF7F00;
}

.fileattach
{
    margin-left: 20px;
    padding-top: 15px;
    color: #022bfd;
    font-weight: bold;
}

.listattach
{
    margin-left: 20px;
    font-weight: normal;
}

.listattach a
{
    text-decoration: none;
    color: #022bfd;
    font-weight: normal;
}

.listattach a:hover
{
    color: #FF7F00;
}

.paging a
{
    text-decoration: none;
}

.tbCss
{
    text-align: center;
}

.seeMore
{
    float: left;
    margin-left: 15px;
    padding: 10px 20px;
    text-transform: none;
    font-size: 12px;
    background-color: #ff9d03;
    border-radius: 3px;
}

.seeMore a
{
    text-decoration: none;
    color: #ffffff;
font-size:14px;
margin-top:18px;margin-bottom:18px;
}

.seeMore:hover
{
    text-decoration: none;
    color: #0033ff;
}

.errCss
{
    color: #fc3030;
    margin-left: 20px;
}

.imgBorder
{
    border: solid 1px #D3D3D3; /*border:solid 1px #cccccc;*/
    padding: 1px;
    margin-right: 7px;
}


.cssGridView
{
}

.cssGridView a
{
    text-decoration: none;
}

.cssGridView td
{
    padding: 2px;
}

.cssErr
{
    color: #ff0000;
}

.blank-10
{
    display: block;
    height: 10px;
    clear: both;
}


.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
    margin-right: 5px;
}

.sidebanner22
{
    margin: 10px 5px 10px px;
}

/*==FOR INPUT BOX==*/
/*=========================
input box
=========================*/
fieldset[disabled] .form-control, fieldset[disabled] input
{
    background-color: #fff;
}

.form-control
{
    display: block;
    width: 100%;
    height: 30px;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder
{
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder
{
    color: #999;
}

.form-control::-webkit-input-placeholder
{
    color: #999;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control
{
    cursor: not-allowed;
}

textarea.form-control
{
    height: auto;
}

input[type=search]
{
    -webkit-appearance: none;
}


/*=========================
Bac si
=========================*/

.list-staff li
{
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    width: 200px;
}

.list-staff li a
{
    display: block;
    margin: 0 auto;
}

.list-staff li a img
{
    height: 114px;
    width: 114px;
}

.list-staff span
{
    display: block;
    margin: 0 0 0px;
    text-align: center;
    text-decoration: none;
}

.list-staff span.title
{
    background: none repeat scroll 0 0 #0094D7;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    padding: 0px 2px 2px 2px;
    text-decoration: none;
}


#fullDesc li
{
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    width: 100%;
}

/* End Doctor*/




@media screen and (-webkit-min-device-pixel-ratio:0)
{
    input[type=date], input[type=time], input[type=datetime-local], input[type=month]
    {
        line-height: 34px;
    }

    .list-col
    {
        display: inline-block;
        float: left;
        padding-top: 5px;
    }


    .list-col1
    {
        display: inline-block;
        width: 120px;
        float: left;
        padding-top: 5px;
    }

    .list-col2
    {
        display: inline-block;
        width: 200px;
        float: left;
        padding-right: 10px;
        padding-top: 5px;
    }

    .list-col3
    {
        display: inline-block;
        width: 300px;
        float: left;
        padding-right: 10px;
        padding-top: 5px;
    }

    .list-col4
    {
        display: inline-block;
        width: 400px;
        float: left;
        padding-right: 10px;
        padding-top: 5px;
    }

    /*== BLANK ==*/

    .blank-5
    {
        display: block;
        height: 5px;
        clear: both;
    }

    .blank-10
    {
        display: block;
        height: 10px;
        clear: both;
    }

    .blank-20
    {
        display: block;
        height: 20px;
        clear: both;
    }

    .blank-30
    {
        display: block;
        height: 30px;
        clear: both;
    }

    /* style for icon top */
    .#toppage1k
    {
        bottom: 20px;
        color: #666666;
        cursor: pointer;
        padding: 5px;
        position: fixed;
        right: 10px;
        text-align: center;
        text-decoration: none;
        width: 100px;
        z-index: -10;
    }

    /* tesst*/
    .header_test
    {
        background-color: Blue;
        background: url('../images/next.png') no-repeat scroll 0 0 transparent;
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal
    {
        /* background: url('../images/next.png') no-repeat scroll 0 0 transparent;*/
        cursor: pointer;
        height: 52px;
        width: 43px;
        margin-top: 3px;
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: Red;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal
    {
        background: url('../images/pre.png') no-repeat scroll 0 0 transparent;
        cursor: pointer;
        height: 55px;
        left: 0px;
        top: 19px;
        margin-top: 3px;
        position: absolute;
        width: 32px;
    }
}



/*Them Them*/
#topNews_bg_Them
{
    width: 390px;
    height: auto;
    background-color: #f2f0f0;
    color: #353737;
    text-align: justify;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    float: left;
}


#topNews_bg_Them ul
{
    list-style-image: url(../images/1/bullet.jpg);
    padding: 5px 0px 0px 20px;
    line-height: 20px;
}


.padding10
{
    padding-top: 10px;
}

.viewupper
{
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.viewnormal
{
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

#headerdate
{
    color: #333333;
}
/* over styles in bootstrap */
/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
}
*/
.img-border
{
    display: inline-block;
    max-width: 100%;
    padding: 2px;
    margin-right: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-border-big
{
    display: inline-block;
    max-width: 100%;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cssNumView
{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 30px;
    padding-right: 0px;
    text-align: center;
    float: right; /*   border: solid 1px #f3f3f3;     border-radius: 4px;     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;*/ /*position: relative; bottom: 0px; right: 0px; width: 200px; float: right;*/
}
/*===================*/
.w3-red
{
    color: #ff0000 !important;
}
/*========for treeview===========*/
.cssTreeView
{
}
.cssTreeView a
{
    color: #000000;
}
.cssTreeView ul
{
    color: Red;
    background-color: Yellow;
}
/*========end of treeview===========*/

/*=== responsive ===*/
/*=====iphone and ~*/
/*@media screen and (min-width: 375px)*/
@media screen and (min-width: 320px)
{

    .margin2side
    {
        margin-left: 5px;
        margin-right: 5px;
    }
    .cssMarginTop
    {
    margin-top: 20px;
    }

    .topnavBg
    {
        background-color: #000000;
        opacity: 0.9;
        color: #ffffff;
        z-index: 99999;
        height: 100%;
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
        /*padding-bottom: 20px;*/
    }
    .menuLogo
    {
        text-align: left;
        max-height: 100px; /*padding-bottom: 20px;*/
    /*    margin-top: -40px;*/
        z-index: 99999;
    }
    .menuLogo img
    {
        /*max-height: 80px;*/
        }
     .cssLangOnSmall 
     {
         margin-top: 5px; 
         margin-right: 10px;
          width: 40px;
        height: 30px;
        line-height: 30px;
        border: solid 1px #6c6d6e;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        padding-bottom:15px;
        padding-top:0px;
     }
     .cssLangOnSmall .iconLang 
     {
         }
      .cssLangOnSmall  a 
      {
          color: #ffffff;
          
          }
    .topTitle
    {
        text-transform: uppercase;
        font-size: 22px;
        text-align: center;
        color: #000000;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: -40px;

        font-family: "Saira" ,Helvetica, Helvetica Neue,Arial;
    }

    .topDes
    {
        margin-top: -40px;
        text-align: justify;
        overflow: hidden;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
        color: #000000;
    }
    .seeMore
    {
    float: left;
    margin-left: 0px;
    padding: 10px 20px;
    text-transform: none;

    background-color: #ff9d03;
    border-radius: 3px;

    font-size:14px;
    margin-top:18px;margin-bottom:18px;
    }
    .sloganBorder
    {
        border: solid 2px #ff9d03;
        padding: 15px;
        margin: 0px;
    }
    .slideImageBg 
    {background-color: #cbcbcb; padding:10px;
        }
    .carousel-inner .item img
    {
        padding-top: 10px;
        }
    .catTitleMenu
     {
    /*    background-color: #000000;*/
        position:relative;
        margin-top:80px;
        color: #666;
    }
        .catTitleMenu a 
        {
            color: #666;
            }
            .detailCatTitle 
            {
                color: #666;
                }
    .detailCatTitle a
    {
        color: #666;
    }
    .productBg
    {
    text-align: center;
    background-color: #f6f6f6;
    height: auto;
    border: solid 1px #f3f3f3;
    }
    .cssIso 
    {
           max-height: 50px;
           margin-left: 0px;
    }
    
    .rightMenuList 
    {
        padding-right:15px;
    }

    .topImg
    {
        padding:0px;
        }
        
      .cssIconSearch
    {
       display:none;
    }
   .cssIconSearchOnSmall 
   {
       display:block;
       margin-right:30px;
       padding-top:10px;
       }

  #searchBox
    {
    color: #333333;
    position: absolute;
    top: 10px;
    right: -25px;
    z-index: 99999;
    position: relative;
    }
    .marginTopDetail 
    {
        margin-top: 30px;
    }
    
        .btnYellow
    {
        background-color: #ff9d03;
        color: #000000;
        font-weight:bold;

        margin-left:35px;
        margin-top:10px;
    }
    .btnYellow a
    {
        color: #000000;
        font-weight:bold;
    }
    .btnYellow:hover
    {
        background-color: #f9a727;
    }
}

/*ipad and ~*/
@media screen and (min-width: 768px)
{
    .margin2side
    {
        margin-left: 10px;
        margin-right: 10px;
    }
.cssMarginTop
{
    margin-top: -160px;
}
    .topnavBg
    {
        background-color: #000000;
        opacity: 0.9;
        color: #ffffff;
        z-index: 99999;
        height: auto;
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
        padding-bottom: 0px;
    }

    .menuLogo
    {
        text-align: left;
        max-height: 100px; /*padding-bottom: 20px;*/
      /*  margin-top: -40px;*/
        z-index: 99999;
    }
    .topTitle
    {
        text-transform: uppercase;
        font-size: 28px;
        text-align: left;
        color: #000000;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: -20px;
        padding: 10px;
        font-family: "Saira" ,Helvetica, Helvetica Neue,Arial;
    }
    .topDes
    {
        margin-top: -40px;
        text-align: justify;
        overflow: hidden;
        width: 100%;
        padding-left: 10px;
        padding-top: 10px;
        color: #000000;
    }

    .sloganBorder
    {
        border: solid 2px #ff9d03;
        padding: 18px;
        margin: 0px;
    }
     .slideImageBg 
    {
        background-color: #cbcbcb; 
        padding-top: 40px;
        padding-bottom: 40px;
        }

    
     .productBg:hover
    {
         border: solid 1px #f3f3f3;
        border-radius: 3px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }
    .productBg  img:hover 
    {
        opacity: 0.5;
        }
   
        .catTitleMenu
     {
    /*    background-color: #000000;*/
        position:relative;
        margin-top:80px;
        color: #666;
    }
        .catTitleMenu a 
        {
            color: #666;
            }
            .detailCatTitle 
            {
                color: #666;
                }
    .detailCatTitle a
    {
        color: #666;
    }
    .slideImageBg 
    {background-color: #cbcbcb; padding:10px;
        }
    .slideImageBg  img:hover 
    {
        opacity: 0.5;
        }
     .cssIso 
    {
           max-height: 50px;
           margin-left: 0px;
    }
    
    .cssIso 
    {
           max-height: 50px;
           margin-left: 0px;
    }
    .productBg
    {
        text-align: center;
        background-color: #f6f6f6;
        height: auto;
       /* margin: 5px;*/
        height: auto;
        border: solid 1px #f3f3f3;
     /*height: 350px;*/
    margin-bottom:30px;
    }
    
    .topImg
    {
        padding:0px;
        }
        .btnYellow
{
    background-color: #ff9d03;
    color: #000000;
    font-weight:bold;

    margin-left:35px;
    margin-top:15px;
}
.btnYellow a
{
    color: #000000;
    font-weight:bold;
}
.btnYellow:hover
{
    background-color: #f9a727;
}
}

/* ipad pro and ~ */
@media screen and (min-width:992px)
{
    .margin2side
    {
        margin-left: 50px;
        margin-right: 50px;
    }
    .cssMarginTop
{
    margin-top: -160px;
}
    .catTitleMenu
    {
    position: absolute;
    top: 0px;
/*    background-color: #000000;*/
    color: #ffffff;
    }
    
    .slideImageBg 
    {background-color: #cbcbcb; padding:10px;
        }
        
        .cssIso 
    {
           max-height: 50px;
           margin-left: 0px;
    }
    .productBg
    {
        text-align: center;
        background-color: #f6f6f6;
    
       /* margin: 5px;*/

        border: solid 1px #f3f3f3;
	    height: 350px;
    }
    .topImg
    {
        padding:0px;
        }
}

/* desktop and ~*/
@media screen and (min-width:1200px)
{
    .margin2side
    {
        margin-left: 200px;
        margin-right: 200px;
    }
    .topDes
    {
        margin-top: -40px;
        text-align: justify;
        overflow: hidden;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
        color: #000000;
    }

 .slideImageBg 
    {
        background-color: #cbcbcb; 
        padding-top: 40px;
        padding-bottom: 25px;
        }
        
    .cssIso img
    {
           max-height: 50px;
           margin-left: 30px;
    }
    .productBg
    {
        text-align: center;
        background-color: #f6f6f6;

       /* margin: 5px;*/
        height: auto;
        border: solid 1px #f3f3f3;
         height: 350px;
    }
    .topImg
    {
        padding-left:30px;
        max-height:425px;
        padding-top:10px;
        }
	.catTitleMenu
     {
        position:relative;
       margin-top: 10px;
        
    }
}
/*=== end of responsive ===*/


/*== ribbon=*/
.ribbon
{
    font-size: 16px !important; /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
    width: 50%;
    position: relative;
    background: #ba89b6;
    color: #fff;
    text-align: center;
    padding: 1em 2em; /* Adjust to suit */
    margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after
{
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #986794;
    z-index: -1;
}
.ribbon:before
{
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}
.ribbon:after
{
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after
{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #804f7c transparent transparent transparent;
    bottom: -1em;
}
.ribbon .ribbon-content:before
{
    left: 0;
    border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after
{
    right: 0;
    border-width: 1em 1em 0 0;
}

/*== end ribbon=*/
.ribbonBg
{
    position: relative;
    width: 100%;
    margin-left: 20px;
    top: -20px;
    background-color: Red;
}

.ribbonTitle
{
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    background-color: #ff9d03;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 80px;
    border: solid 1px blue;
}
.ribbonTitle:before
{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-width: 20px;
    border-color: transparent #ff9d03 transparent transparent;
    bottom: 0px;
    left: -40px;
}

.ribbonTitle:after
{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-width: 20px;
    border-color: transparent transparent transparent #ff9d03;
    right: 0px;
    bottom: 0px;
}
.pointerBg
{
    margin-right: 20px;
    top: -20px;
}
.pointer
{
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    background: #ff9d03;
    top: -20px; /* box-shadow:  0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
}
.pointer:after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 20px solid #ff9d03;
    border-top: 20px solid #ffffff;
    border-bottom: 20px solid #f5f5f5;
}
.pointer:before
{
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #ff9d03;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.cssTable tr td
{
    padding-top: 5px;
}
.topTitle
{
    text-transform: uppercase;
    font-size: 28px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 15px 0px;
    font-family: "Saira" ,Helvetica, Helvetica Neue,Arial;
}
.topTitle a
{
    color: #000; 
}
.topTitle a:hover
{
    color: #555;  text-decoration:none;
    }
.topTitle2
{
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -60px; /* margin-top: -20px;*/
    padding: 15px;
    color: #ff9900;
}
.topTitle2 a
{
    color: #ff9900;
}

 .topDes
    {
        margin-top: -40px;
        text-align: justify;
        overflow: hidden;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
        color: #000000;
    max-height: 215px;
    }
.sociallink { margin-left:0px;}

.topnavBg
{
    background-color: #000000;
    opacity: 0.9;
    color: #ffffff;
    z-index: 99999;
   height:auto;
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
}

.menuLogo
{
    text-align: left;
    padding-top:10px;
    max-height: 100px; 
    position:relative;
    z-index: 99999;
}
.menuLogo img
{
    max-height: 77px;
    max-width:77px;
 
}
.back-to-top {
    display: none;
    position: fixed;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    z-index: 8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 30px;
    bottom: 105px;
    background: rgba(255, 180, 0, 0.8);
    border-radius: 4px;
}

#rbCheck
{
    margin-top:3px;
}
/*=========== product slide =============*/

.productBg img 
{
    min-width:100%;
    }
 .productBg img:hover 
 {
     opacity:0.5;
 }
.productBg:hover
{
    border: solid 1px #f3f3f3;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.catline2
{
    width: 225px;
    height: 20px;
    background: url(/images/catline2.png) no-repeat top center;
    margin-bottom: 10px;
}



.productTitleBg
{
    /*margin-right: 20px;*/
 /*   top: -20px;*/
 
 margin-bottom:10px;

}
.productTitle
{
    font-family: Saira,Arial;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    /*width: 100%;*/
    
    line-height: 39px;
    position: relative;
    /*background: #ff9d03;padding-left: 10px;height: 40px; */
/*    top: -20px;*/
    /* box-shadow:  0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
    
    background:url(/images/Thoi_center.png)  repeat-x;
    height:39px;

 /*   padding-left:22px;*/
    z-index:100px;
}
.productTitle a
{
    color: #000000;
}
.productTitle a:hover
{
    color: #333333;
}

.productTitleCenter
{
    font-family: Saira,Arial;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    
     background:url(/images/Thoi_center.png)  repeat-x;
    height:39px;
 /*   width:100%;*/
   
    
    }
.productTitleCenter a
    {
        color: #000000;
        }
 .productTitleCenter a:hover; 
    {
        color: #333333;
        }
.productTitleLeft
{
      background:url(/images/Thoi_left.png) top left no-repeat;
       width:22px;height:39px;
border-right:solid 2px #ff9d03;
}

.productTitleRight
{
     background:url(/images/Thoi_right.png) top right no-repeat;
    width:22px;height:39px;
    border-left:solid 2px #ff9d03;
    }
.productMore
{
    color: #000000;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    border: solid 2px #ffa800;
    width: 140px;
    margin-bottom: 20px;
}
.productMore a
{
    color: #000000;
    text-decoration: none;
    text-align: center;
}
.productMore a:hover
{
    color: #000099;
}

.productDes
{
    color: #000000;
    text-align: center;
    margin-top: -10px;
    background-color: #f6f6f6;
    padding: 17px 17px 20px 17px;
    text-align: justify;
}
.productDes a
{
    color: #999999;
}

.topImg
    {
        padding-left:20px;
        max-height:425px;
        
        }
 /*==== request form ===*/   
.cssFormRequest 
{
    line-height:25px;
    padding-top: 10px;
    }
        
.cssFormRequest input.form-control,.cssFormRequest textarea
{
     background-color:#f3f3f3;
     
    }
    
.cssFormRequest tr td
{
    padding-bottom:15px;
    
    }
.cssFormRequest a 
{
    color:#ff9d03;
    }
.cssFormRequest a:hover
{
    color:#666;
    }
.cssVision 
{
    margin-top:23px;
    padding-left:30px;
    }
 .btnRequest
{
    background-color: #ff9d03;
    color: #000000;
    font-weight:bold;
}
.btnRequest a
{
    color: #000000;
    font-weight:bold;
}
.btnRequest:hover
{
    background-color: #f9a727;
}
.attachTable tr td 
{
    margin:0px;
    padding:10px 5px;
}
.requestRightBox 
{
    background-color: #f3f3f3; color: #000000;text-align:justify;
}
.requestRightBoxTitle 
{
    font-size:20px;
    padding-bottom:0px;
    text-transform:uppercase;
    font-weight:600;
    }
    
.cssIconSearch
{
   padding-top: 18px;
    text-align: right;
    position: relative;
    right: 0px;
    float: right;
    padding-left:20px;
    padding-right:10px;
    display:block;
}
.searchBox
{
    color: #333333;
    position: relative;
    margin-top: -20px;
    right: -25px;
    z-index: 99999;
    position: relative;
}
.marginTopDetail 
{
    margin-top: -40px;
}
 /*=== end of request form ===*/