/*----------------------------------------------------------------------------------------------
Stylesheet Cong Thong Tin Dien Tu
Version:        1.0
Date:            02/09/2014
Designer:         Quang Minh         
Email:           minhtran@mpi.gov.vn
----------------------------------------------------------------------------------------------*/

/*Remove padding and margin*/

*
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

body
{
    font-size: 9pt;
    font-family: Arial;
    color: #000080;
    background: #c0e5f9;
    -webkit-text-size-adjust: 100% !important;
    z-index: 0;
}

#ctl00_MSO_ContentDiv
{
	background: #c0e5f9 url(images/bg-header.png) top repeat-x;
}

h1
{
    font-size: 2.2em;
}

h2
{
    font-size: 2.0em;
}

h3
{
    font-size: 1.8em;
}

h4
{
    font-size: 1.6em;
}

h5
{
    font-size: 1.4em;
}

p
{
    font-size: 10pt;
    margin-bottom:6pt;
}

/* Forms 
-----------------------------------------------------------------------------*/

input.text
{
    padding: 3px;
    border: 1px solid #999999;
}

/* Tables
-----------------------------------------------------------------------------*/
/*
table
{
  border-spacing: 0;
  border-collapse: collapse;
}

td
  {
  text-align: left;
  font-weight: normal;
  }
  */

/*---------------------------------------------------------------------*/
/* My Template */
/*---------------------------------------------------------------------*/

/*---------------------My Body--------------------*/
.mybody
{
    margin: 0 auto;
    padding: 0;
    width: 960px; /*background-color: #c0e5f9;*/
    border-top: 3px solid #0085cb;
    z-index:10;
}

/*----------------------My Wrap Top-------------------*/
.mywraptop
{
    /*width: 100%;*/
    width:960px;
    margin:0 auto;
    height: 120px;
    /*background-image: url('Images/bg-header.png');*/
}


/*----------------------My Wrap--------------------*/
@media (min-width:765px) {
.mywrap
{
    width: 960px;
    height: auto;
    float: left; /*border: 1px solid #02244a;*/
    background: #FFFFFF; /*background:url('Images/24_col.gif') repeat center;*/
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
     z-index:20;
}
}
/*--------------------My Banner------------------*/

.mybanner
{
    background: url('Images/banner.png') center no-repeat;
    width: 960px;
    height: 90px;
    margin: 0 auto;
}
.mybanner_EPCTC
{
    background: url('Images/bannerEPCTC1.jpg') center no-repeat;
    width: 960px;
    height: 90px;
    /*margin: 0 auto;*/
}

.mybanner_en
{
    background: url('Images/bannerEN.png') center no-repeat;
    width: 960px;
    height: 90px;
    margin: 0 auto;
}

.mylanguage
{
    z-index: 1000;
    padding: 6px 5px 0 0;
}

.mylanguage a:link, .mylanguage a:visited
{
	position: relative;
	top:-30px;
	float:right;
	margin-right:5px;
	text-decoration: none;
    font-weight: bold;
    color: #283891;
    font-family: Arial;
    font-size: 12px;
    text-transform: uppercase;
	}

.mylanguage img
{
	width: 30px !important;
	height:21px !important;
	position: relative;
	top:-35px;
	float:right;
	margin-right:5px;
}
@media screen and (min-width:765px){
	.mysearch
{
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
    width: 188px;
    height: 27px;
    z-index:0;
    position:relative;
    top:85px;
    right:0;
}

}

.tk-input
{
    width: 156px;
    height: 28px;
    float: left;
    background-image: url('Images/tk-t.png');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
    vertical-align: top;
}

.mysearch img
{
    margin: 0 0 0 -2px;
    padding: 0;
}

.tk-input input
{
    width: 150px;
    height: 18px;
    margin-top: 5px;
    margin-left: 5px;
    border: none;
    float: left;
}



/*----------------My Top Menu-------------------------*/
.mytopmenu
{
    float: right;
    margin: 8px 63px 8px 0;
    padding: 0; /*background:red;*/
}

.mytopmenu li
{
    float: left;
    margin: 0;
    padding: 0px;
    list-style: none;
}

.mytopmenu a:link, .mytopmenu a:visited
{
    margin: 0;
    padding: 6px;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #1d7dc0;
    white-space:nowrap;
}

.mytopmenu a:hover
{
    text-decoration: underline;
}

/*----------------My Top Menu-------------------------*/
.mytopmenuEN
{
    float: right;
    margin: 8px 63px 8px 0;
    padding: 0; /*background:red;*/
}

.mytopmenuEN li
{
    float: left;
    margin: 0;
    padding: 0px;
    list-style: none;
}

.mytopmenuEN a:link, .mytopmenuEN a:visited
{
    margin: 0;
    padding: 10px;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #1d7dc0;
}

.mytopmenuEN a:hover
{
    text-decoration: underline;
}


/* My Menu*/
.mymenu
{
    margin: 0 auto;
    width: 960px;
    background: url(images/MenuMPI.png) center no-repeat;
    height: 30px; /*background-color: #02244a;*/
}
.mymenu_EPCTC
{
    margin: 0 auto;
    width: 960px;
    background-color:#d7eff9;
    height: 30px; /*background-color: #02244a;*/
}

/*My Time Header*/
.mytimeheader
{
    float: left;
    padding: 6px 0 0 5px;
    font-family: Arial;
    color: #285393;
    font-weight: bold;
    font-size: 11px;
}

/*Me Menu Header Left*/
.mymenuheader-left
{
    float: left;
    width: 10px;
    height: 30px; /*background: url('Images/mn-left.png') center no-repeat;*/
}

/*Me Menu Header Left*/
.mymenuheader-right
{
    float: left;
    width: 10px;
    height: 30px; /*background: url('Images/mn-right.png') center no-repeat;*/
}

/*My Menu Header*/
.mymenuheader
{
    float: left;
    margin: 0;
    width: 940px;
    height: 30px; /*background: url('Images/mn-center.png') center;*/
    position: relative;
}

.mymenuheader ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

.mymenuheader li
{
    float: left;
    margin: 0 0 0 -5px;
    padding: 5px 0 5px 0; /*background-color: #0191C8;*/ /*background-color: #960703;*/ /*background-color: #5E9DC8;*/
    list-style: none; /*border: 1px solid #02244a;*/
}

.mymenuheader li:hover
{
    /*border: 1px solid #5E9DC8;*/
}

.mymenuheader img
{
    margin-right: 15px;
}


.mymenuheader a:link, .mymenuheader a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: #283891;
    font-family: Arial;
    font-size: 12px;
    text-transform: uppercase;
}

.mymenuheader a:hover
{
    color: #283891;
    cursor: pointer;
}

/*Menu con*/
.mymenuheader li ul.children
{
    float: left;
    line-height: 15px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top:0;
    padding-bottom:5px;
    position: absolute;
    left: 0px;
    top: 30px;
    display: none;
    width: 950px;
    color: White;
    background-color: #d7eff9;
    z-index: 1000;
    border-top: 3px solid #0085cb;
}

.mymenuheader li ul.children li
{
    border: none;
    white-space: nowrap;
    z-index: 1000;
}


/*Menu con*/
.mymenuheader ul.children li ul.children
{
    float: left;
    line-height: 15px;
    margin-left: 0;
    padding-left: 10px;
    position: absolute;
    left: 0px;
    top: 50px;
    display: none;
    width: 950px;
    color: White;
    background-color: #1c68b3 ; /*283891 */ 
    z-index: 1100;
    border-top: 3px solid #0085cb;
}

.mymenuheader li ul.children li
{
    border: none;
    white-space: nowrap;
    z-index: 1100;
}


.mymenuheader li:hover ul
{
    display: block;
}

/*.mymenuheader li:hover ul.children li ul.children
{
    display: none;
}*/

.mymenuheader ul.children li:hover ul.children
{
    display: block;
}

.mymenuheader ul.children li ul.children li a:link, .mymenuheader ul.children li ul.children li a:visited
{
 color : #FFFFFF;
 text-decoration:none;
}

.mymenuheader ul.children li ul.children li a:hover
{
    color : #FFFFFF;
    text-decoration:underline;
}

.mymenuheader li ul a:link, .mymenuheader li ul a:visited
{
    padding: 0 10px 0 10px;
    font-size: 12px;
    display: inline;
    color: #285393;
    text-transform: none;
    background: url('Images/ic-mn.png') no-repeat 0 5px;
}

.mymenuheader li ul li:hover a
{
    text-decoration: underline;
}

.mymenuheader ul:hover a
{
    background-image: none;
}

.mymenusub
{
    width: 960px;
    height: 34px;
    background: #d7eff9;
    float: left;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);

}


/*MY MENU HOVER*/
.mymenu-hv-left
{
    width: 17px;
    height: 27px;
    float: left;
    margin-left: -5px;
    background: url(images/mn_left_hv1.png) top no-repeat;
}
li:hover .mymenu-hv-left
{
    background: url(images/mn_left_hv1.png) bottom no-repeat;
}
.mymenu-hv-right
{
    width: 17px;
    height: 27px;
    float: left;
    background: url(images/mn_right_hv1.png) top no-repeat;
}

li:hover .mymenu-hv-right
{
    background: url(images/mn_right_hv1.png) bottom no-repeat;
}

.mymenu-hv
{
    height: 20px;
    float: left;
    padding: 5px 1px 0 1px;
    background: url(images/mn_center_hv1.png) top repeat-x;
    white-space: nowrap;
}

li:hover .mymenu-hv
{
    color: #FFFFFF;
    background: url(images/mn_center_hv1.png) bottom repeat-x;
}

.mymenuactive .mymenu-hv-left
{
    color: #FFFFFF;
    background: url(images/mn_left_hv1.png) bottom no-repeat;
}

.mymenuactive .mymenu-hv-right
{
    color: #FFFFFF;
    background: url(images/mn_right_hv1.png) bottom no-repeat;
}

.mymenuactive .mymenu-hv
{
    color: #FFFFFF;
    background: url(images/mn_center_hv1.png) bottom repeat-x;
}

.mymenuactive .children
{
    display: inline;
}


/*MY MENU_EPCTC HOVER*/
.mymenu_EPCTC-hv-left
{
    width: 17px;
    height: 25px;
    float: left;
    margin-left: -5px;
}
li:hover .mymenu_EPCTC-hv-left
{
    background-color:#00508f;
}
.mymenu_EPCTC-hv-right
{
    width: 17px;
    height: 25px;
    float: left;
}

li:hover .mymenu_EPCTC-hv-right
{
    background-color:#00508f;
}

.mymenu_EPCTC-hv
{
    height: 20px;
    float: left;
    padding: 5px 1px 0 1px;
    white-space: nowrap;
}

li:hover .mymenu_EPCTC-hv
{
    color: #FFFFFF;
    background-color:#00508f;
}

.mymenuactive .mymenu_EPCTC-hv-left
{
    color: #FFFFFF;
    background-color:#00508f;
}

.mymenuactive .mymenu_EPCTC-hv-right
{
    color: #FFFFFF;
    background-color:#00508f;
}

.mymenuactive .mymenu_EPCTC-hv
{
    color: #FFFFFF;
    background-color:#00508f;
}

/*-------------------------My Col Top--------------------------*/
.mycolcontent
{
    margin: 10px 0 0 0;
    padding: 0;
    width: 960px;
    float: left;
}

@media screen and (min-width:765px) {
.mycoltopleft
{
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    width: 630px;
}

.mycoltopright
{
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
    width: 310px;
}
}
.mycolslide
{
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    /*padding: 5px 0 5px 0;*/
    background:#f3f3f4;
}
/*-------------------------------My Col Center---------------------------*/
.mycolcenter
{
    float: left;
    margin: 0 0 0 5px;
    width: 710px;
}
/*-------------------------My Col Left--------------------------*/
.mycolleft
{
    float: left;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    width: 720px;
}

.mycolleft2col
{
    float: left;
    margin: 0 5px 0px 5px;
    padding: 0;
    width: 350px;
}

.mycolleft3col
{
    float: left;
    margin: 0 5px 0px 5px;
    padding: 0;
    width: 310px;
}

.mycolleft4col
{
    float: left;
    margin: 0 5px 0px 5px;
    padding: 0;
    width: 230px;
}

.mycolbottom2col
{
    float: left;
    margin: 0 5px 0px 5px;
    padding: 0;
    width: 470px;
}


/*--------------------------My Col Right---------------------------*/
.mycolright
{
    float: right;
    margin: 0 5px 0 0;
    padding: 10px 0 0 0;
    width: 230px;
}

/*-------------------------My Col Right Center---------------------*/
.mycolrightcenter
{
    float: left;
    margin: 0 0 0 0;
    width: 720px;
}

/*MY COL MAIN*/


/*-----------------------Menu Content------------------------------*/

.menucontent
{
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    border: 1px solid #CECECE;
}

.menucontent ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

.menucontent li
{
    margin: 0 2px 0 2px;
    padding: 0 0 0 0;
}

.menucontent a:link, .menucontent a:visited
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: #960703;
    background-color: #CECECE;
}

.menucontent a:hover
{
    background-color: #CECECE;
}

/*MENUT CONTENT SUB*/
.menucontentsub li
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: white;
}

.menucontentsub li:hover
{
    /*border-left: 5px solid #CD0703;*/
}

.menucontentsub a:link, .menucontentsub a:visited
{
    font-weight: normal;
    color: Black;
    background: white;
    border: none;
    background-color: #F6F6F6;
}

.menucontentsub a:hover
{
    background-color: White;
}

/*----------------------------My Box---------------------------------*/
.mybox
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

/*My Header Box*/
.myheaderbox-left
{
    float: left;
    width:0;
    /*width: 9px;
    height: 28px;
    background: url('Images/md-left.png') top no-repeat;*/
}

.myheaderbox-right
{
    float: left;
    width: 0px;
    /*height: 28px;
    background: url('Images/md-right.png') top right repeat;*/
}

.myheaderbox
{
    margin: 0 0 0 0;
    padding: 8px 0 5px 0; /*background: url('Images/md-body.png') repeat center;*/
    /*background: #283891;*/
    background: url('Images/md-center.png') top center no-repeat;
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 15px;
    float: left;
    text-align: center;
    /*width: 212px;*/
    text-transform: uppercase;
    /*height:28px;*/
    width:100%;
}

.myheaderbox A:Link, .myheaderbox A:visited
{
    font-family: Arial;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: block;
    color: white;
    text-decoration: none;
    display: block;
}

.myheaderbox A:hover
{
    color: white;
    text-decoration: none;
    display: block;
}

.myheaderbox-bg
{
    float: left;
    background: url('Images/hd-body.png') no-repeat;
    height: 28px;
    width: 100%;
    border-bottom: 1px solid #426db2;
}

.myheaderbox-bg1
{
    /*float: left;*/
    background: url('Images/hd-body1.png') no-repeat;
    height: 28px;
    width: 100%;
    border-bottom: 1px solid #426db2;
}

.myheaderbox-next
{
    float: right;
    padding: 6px;
}

.myheaderbox-next a:link, .myheaderbox-next a:visited
{
    color: #283891;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding: 0 12px 0 0;
    background: url('Images/trial3.png') no-repeat top right;
    white-space:nowrap;
}

.myheaderbox-next a:hover
{
    text-decoration: underline;
}

/*MY HEADERBOX 1*/
.myheaderbox-left1
{
    float: left;
    width: 15px;
    height: 28px;
    background: url('Images/md-left1.png') right no-repeat;
    z-index:50;
}

.myheaderbox-right1
{
    float: left;
    margin-left:-2px;
    width: 33px;
    height: 28px;
    background: url('Images/md-right1.png') right no-repeat;
    z-index:150;
}

.myheaderbox1
{
    margin: 0 0 0 -3px;
    padding: 9px 3px 3px 3px;
    background: url(images/md-body.png) repeat-x center;
    /*background: #283891;*/
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 16px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;
}

.myheaderbox1 A:Link, .myheaderbox1 A:visited
{
    font-family: Arial;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    padding: 0 8px 0 8px;
    background: url('Images/trial2.png') no-repeat 0 5px;
    white-space: nowrap;
}

.myheaderbox1 A:hover
{
    color: white;
    text-decoration: none;
    display: block;
}

.myheaderbox1 span
{
    padding: 0 8px 0 8px;
    background: url(images/trial2.png) no-repeat 0 5px;
}


/*MY HEADER BOX 2*/
.myheaderbox2
{
    margin: -3px 0 0 0;
    padding: 6px 0 6px 0;
    background: url('Images/md-bg3.png') repeat-x center;
    color: #283891;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #bfbecd;
    border-bottom: none;
}

.myheaderbox2 A:Link, .myheaderbox2 A:visited
{
    font-family: Arial;
    font-size: 12px;
    color: #283891;
    text-decoration: none;
    display: block;
}

.myheaderbox2 A:hover
{
    color: #283891;
    text-decoration: none;
    display: block;
}

/*MY HEADERBOX 3*/

.myheaderbox3
{
    margin: 0;
    padding: 6px 0 6px 0;
    background: url('Images/md-body.png') repeat-x center;
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 16.5px;
    float: left;
    text-align: center;
    width: 292px;
    text-transform: uppercase;
}

.myheaderbox3 A:Link, .myheaderbox3 A:visited
{
    font-family: Arial;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: block;
    color: white;
    text-decoration: none;
    display: block;
}

.myheaderbox3 A:hover
{
    color: white;
    text-decoration: none;
    display: block;
}


/*My Content Box 2*/
.mycontentbox2
{
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    background: #fcf2e2;
    border: 1px solid #bfbecd;
    height:78px;
}

.mycontentbox2 ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

.mycontentbox2 li
{
    margin: 0 0 0 10px;
    padding: 5px 5px 0 20px;
    background: url('Images/trial3.png') no-repeat 0 8px;
}

.mycontentbox2 a:link, .mycontentbox2 a:visited
{
    /*color: #6d6b6b;*/
    color: #000080;
    text-decoration: none;
    text-align: justify;
    display: block; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
}

.mycontentbox2 a:hover
{
    /*color: black;*/
    color: #000080;
    text-decoration: underline;
}

.mytime
{
    font-size: 11px;
    text-decoration: none !important;
    /*white-space:nowrap;*/
    color: #666666;
    /*color: #ff6633;*/

}

a:hover .mytime
{
    text-decoration: none !important;
}



/*My Content Box*/
.mycontentbox
{
    margin: -1px 0 0 0;
    /*padding: 0 0 10px 0;*/
    background: url('Images/md-back.png') no-repeat;
    float: left;
    /*min-height: 100px;*/
    width: 100%;
    position:relative;
}

.mycontentbox ul
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    list-style-type: none;
    float: left;
    
}

.mycontentbox li
{
    margin: 0 0 3px 0;
    padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
}

.mycontentbox p
{
    color: #000080;
    padding: 5px 0 0 0;
    font-size:12px;
}

.mycontentbox a:link, .mycontentbox a:visited
{
    /*color:  black;*/
    color: #000080;
    text-decoration: none;
    text-align: justify;
    display: block; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 0 10px;
    background: url('Images/trial5.png') no-repeat 0 5px;
    text-rendering:geometricPrecision;

}

.mycontentbox a:hover
{
      color: #000080;
    text-decoration: underline;
}


/*MY CONTENT BOX 5*/
/*My Content Box*/
.mycontentbox5
{
    margin: -1px 0 10px 0;
    padding: 0;
    background: url('Images/md-back.png') no-repeat;
    float: left;
    min-height: 100px;
    width: 100%;
}

.mycontentbox5 ul
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    list-style-type: none;
    float: left;
}

.mycontentbox5 li
{
    margin: 0 0 3px 0;
    padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
}

.mycontentbox5 p
{
    color: #666666;
    padding: 5px 0 0 0;
}

.mycontentbox5 a:link, .mycontentbox5 a:visited
{
    /*color:  black;*/
    color: #000080;
    text-decoration: none;
    text-align: justify;
    display: block; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 0 0;
}

.mycontentbox5 a:hover
{
      color: #000080;
    text-decoration: underline;
}

.myNewImg 
{
	background: url(Images/Photo.png) no-repeat left;
	padding-left:20px;
	margin-left:5px;
}

.myNewImg1 
{
	background: url(Images/note.png) no-repeat left;
	padding-left:20px;
	margin-left:5px;
}


.myLocation tr
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    list-style-type: none;
}

.myLocation td
{
    margin: 0 0 3px 0;
    padding: 8px 5px 8px 5px; /*border-bottom: 1px dotted #8C8984;*/
}

.myLocation a:link, .myLocation a:visited
{
	color: #333399;
	font-weight:bold;
}

.myTopBanner
{
    width: 310px;
    height:150px;
    border:none;
}

.myTopBanner1
{
    width: 230px;
    height:111.3px;
    border:none;
}

#ctl00_m_g_43f95add_8db6_4f8d_9996_8b3666d91428 img
{
    width: 310px;
    height:150px;
    border:none;
}

#ctl00_m_g_5fb50e1d_b438_43d1_99a3_7cad80a546db img
{
    width: 310px;
    height:150px;
    border:none;
}

#ctl00_m_g_1f87b0a5_fcbc_4ffb_b845_caa9d343d9ca_ctl00_dlAlbum_ctl00_lbtTieuDe
{
	display:none;
}

.myactive
{
    font-weight: bold;
    color: #8f0000;
}

.mycontentbox1
{
    background: url('Images/md-back.png') no-repeat;
    float: left;
    width: 100%;
    position:relative;
}

.mycontentbox1 p
{
    font-family:Arial;
    font-size:12px;
    padding: 6pt 10px 0 10px;
    text-align:justify;
    line-height:14pt;
    color: #000080;
}

.mycontentbox1 ul
{
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    list-style-type: none;
    float: left;
    min-width:99%;
}

.mycontentbox1 li
{
    margin: 0 0 3px 0;
    padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
}

.mycontentbox1 a:link, .mycontentbox1 a:visited
{
    /*color:  black;*/
     color: #000080;
    text-decoration: none;
    text-align: justify;
    display: block; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 0 10px;
    background: url('Images/trial6.png') no-repeat 0 5px;
     text-rendering:geometricPrecision;
}

.mycontentbox1 a:hover
{
   color: #000080;
    text-decoration: underline;
}

ul.myCompany a:link, ul.myCompany a:visited
{
	color: #333399;
	font-weight:bold;
}

li.myCompanySub
{
	margin-left:30px;
}


/*My Box Image*/
.myboximg
{
    margin: 0 0 15px 0px;
    background-color: #FFFFFF;
    text-align: justify;
    border: 1px solid #8C8984;
}

/*My HeaderBox Image*/
.myheaderboximg
{
    background: url('Images/headerimg.png') no-repeat center;
    padding: 4px 5px 8px 35px;
    height: 15px;
    background-color: #ffb26e;
    color: #ac0000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/*My ContentBox Image*/
.mycontentboximg
{
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFFFFF;
    /*height: 258px;*/
}

.mycontentboximg a:link, .mycontentboximg a:visited
{
    margin: 1px 0 0 0;
    padding: 0;
    color: black;
    text-decoration: none;
    line-height: 0;
    display: block;
    background: none;
    border: none;
}

.mycontentboximg a:hover
{
    color: Black;
    text-decoration: underline;
}

.mycontentboximg img
{
    border: none;
    margin: 0;
    padding: 0;
    width:230px;
    height:50px;

}

.mycontentboximg1
{
    margin: 5px 0 0 0;
    padding: 0 8px 0 0;
    list-style: none;
    float:left;
}

.mycontentboximg1 ul
{
	width:100%;
	margin: 0 0 0 2px;
	padding: 0 5px 0 5px;
	float:left;
}

.mycontentboximg1 li
{
    padding: 0;
    border: none;
    float:left;
}

.mycontentboximg1 a:link, .mycontentboximg1 a:visited
{
    color: #3e4f9f;
    text-decoration: none;
    display: block;
    background: none;
    border: none;
    font-size: 8pt;
    font-weight:normal;
    margin: 0 5px 10px 0;  
    padding:0;
}

.mycontentboximg1 a:hover
{
    color: Black; /*text-decoration: underline;*/
}

.mycontentboximg1 img
{
    height: 59px !important;
    width: 129px !important;
    background: white;
    margin:0;
    padding:3px;
    border:0;
}

.mycontentboximg2
{
    margin: 5px 0 5px 0;
    padding: 0;
    list-style: none;
    float: left;
}

.mycontentboximg2 a:link, .mycontentboximg2 a:visited
{
    color: #3e4f9f;
    font-weight: bold;
    text-decoration: none;
    display: block;
    background: none;
    border: none;
    padding-top: 5px;
     padding-right:12px;
    clear: both;
    text-align: left;
    font-size:8pt;
    font-weight:normal
}

.mycontentboximg2 a:hover
{
       text-decoration: underline;
}

.mycontentboximg2 img
{
    height: 32px;
    width: 32px !important;
    float: left;
    padding: 1px;
    background: white;
    margin: 0 10px 5px 0;
    border: 1px solid #CECECE;
}

.mycontentboximg2 span
{
    padding-top: 8px;
    text-align: left;
    font-weight:bold;
   
}

.vdm1
{
	display:none;
}

/*------------------------------My Col Main-------------------------------*/


/*MY FORUM*/
.myforum
{
    float: left;
    border: 1px solid #b4b4b4;
    margin: 5px 0 0 0;
    padding: 10px 10px 10px 10px;
    background: white;
}

.myforumheader
{
    /*font-family: Arial;*/
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #0C2C52;
    text-transform: uppercase;
}
/*MY FORUM HEADER ROW*/
.myforumheaderrow
{
    margin: 10px 0 10px 0; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #0C2C52;
}

/*MY FORUM TITLE ROW*/
.myforumtitlerow
{
    /*margin: 0 0 0 0;     padding: 0 10px 0 10px;     border: 1px solid #c0e5f9;     clear: both;*/
    margin: 0;
    padding: 0; /*padding: 10px 10px 0 10px;*/
    background: url('Images/md-back.png') no-repeat; /*float: left;*/ /*min-height: 100px;     width: 100%;*/
}

.myforumcontent
{
    margin: 0;
    padding: 0;
    border: 1px solid #c0e5f9;
}

.myforumtitlerow ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0; /*font-family:Arial;      font-size:12px;*/
}

.myforumtitlerow li
{
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    list-style: none; /*border-bottom: 1px solid  #999999;*/
    border-bottom: 1px dotted #999999;
}

.myforumtitlerow a:link, .myforumtitlerow a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: #283891;
    display: block;
    font-family: Arial;
    font-size: 9pt;
}

.myforumtittlerow a:hover
{
    text-decoration: underline;
}

.myforumtext
{
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial !important;
    font-size: 9pt;
    line-height: 18px; /*float: left;*/ /*width: 100%;*/
    clear: both;
}

.vip
{
    /*margin:0;     padding::0;*/ /*margin: 5px;     padding: 10px 10px 10px 10px;*/ /*border: 1px solid #AFD7D9;*/ /*background-color: #EFF9FB;*/ /*float: left;*/ /*width: 95.5%;*/
}

.myforumtext table
{
    width: 100%;
}

.myforumtext td
{
    font-family: Arial !important;
    font-size: 9pt;
       color: #000080;
}

.myforumtext a:link, .myforumtext a:visited
{
    font-family: Arial;
    color: #000080;
    text-decoration: none;
    padding: 5px 0 5px 0;
	text-align:justify;
}

.myforumtext img
{
    float: left;
    margin: 8px 10px 0 0;
    /*padding: 2px 2px 2px 2px;*/ /*width: 130px;     height: 102px;*/
    width: 191px !important;
    height: 135px !important;
    border: 3px solid #FFFFFF !important;
    background: #FFFFFF;
}

.myforumtext tr
{
    clear: both;
}

.myforumtext input[type=image]
{
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 2px 2px 2px;
    width: 130px;
    height: 102px;
    border: 1px solid #FFFFFF !important;
    background:#FFFFFF;
    clear: both;
}


/*MY FORUM TEXT 1*/
.myforumtext1
{
    float: left;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
}

.myforumtext1 a:link, .myforumtext1 a:visited
{
    font-family: Arial;
    color: #3e4f9f;
    text-decoration: none;
    background: none;
    font-weight: bold;
    font-size: 12px;
}

.myforumtext1 a:hover
{
    color: Black;
}

.myforumtext1 img
{
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 100px;
    height: 69px;
    border: 2px solid #FFFFFF;
}

/*MY FORUM TEXT 2*/
.myforumtext2
{
    float: left;
    margin: 10px 0 0 0;
    text-align: justify;
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
}

.myforumtext2 a:link, .myforumtext2 a:visited
{
    font-family: Arial;
    color: #3e4f9f;
    text-decoration: none;
    background: none;
    font-weight: bold;
    font-size: 12px;
    padding: 0 15px 0 15px;
}

.myforumtext2 a:hover
{
    color: #3e4f9f;
}

.myforumtext2 img
{
    margin: 0 0 0 0;
    padding: 2px;
    width: 195px;
    height: 156px;
    background: #FFFFFF;
    border: none;
}

/*MY FORUM TEXT 3*/
.myforumtext3
{
    margin: 0 5px 0 0;
    padding: 0;
    text-align: justify;
    white-space: normal;
    width: 305px;
    height: 90px;
    float:left;
}

.myforumtext3 a:link, .myforumtext3 a:visited
{
    font-family: Arial;
     color: #000080;
    text-decoration: none;
    background: none;
    font-size: 12px;
    margin: 0;
    padding: 5px 5px 5px 5px;
    display: block;
    line-height: 15px;
}

.myforumtext3 a:hover
{
    text-decoration: underline;
}

.myforumtext3 img
{
    margin: 0;
    padding: 0 8px 0 0;
    width: 121px;
    height: 76px;
    border: 2px solid #FFFFFF;
    float: left;
}

/*MY FORUM TEXT 5*/
.myforumtext5
{
    float: left;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
    text-rendering:geometricPrecision;

   }

.myforumtext5 a:link, .myforumtext5 a:visited
{
    font-family: Arial;
    color: #000080;
    text-decoration: none;
    background: none;
    font-weight: bold;
    font-size: 12px;
    margin:0;
    padding:0;
     text-rendering:geometricPrecision;


}

.myforumtext5 a:hover
{
    color: #000080;
}

.myforumtext5 img
{
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 191px;
    height: 134px;
    border: 2px solid #FFFFFF;
}

.myforumtext6 a:link, myforumtext6 a:visited
{
	background:none;
	display:inherit;
	text-align:center;
}

.myforumtext6 img
{
    margin: 10px 10px 0 0;
    padding: 2px 2px 2px 2px;
    width: 130px;
    height: 102px;
    border: 1px solid #FFFFFF !important;
    background:#FFFFFF;
    clear: both;
    text-align:center;
}

.myforumtext6 center
{
	font-family:Arial;
	font-size:12px;
	color: #000080;
}

.mynew
{
    width: 33px !important;
    height: 16px !important;
    border: 0;
    padding-right: 0 !important;
    float: none !important;
    vertical-align: middle;
}

/*MY FORUM TIME*/
.myforumtime
{
    padding: 5px 5px 5px 0;
    color: #666666;
    /*lor: #ff6633;*/
    font-size: 8pt !important;
    font-weight: normal !important;
    font-family: Arial;
    text-align: right;
}


/*MY NEXT*/
.mynext
{
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
    color: #0C2C52;
    font-size: 8pt;
    font-weight: bold; /*border-bottom: 1px solid #afd7d9;*/
    float: left;
    width: 100%;
}
.myforumtext .mynext
{
	display:none;
}


.mynext a:link, .mynext a:visited
{
    color: #0C2C52;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    font-family: Arial;
    white-space:nowrap;
}

.mynext a:hover
{
    text-decoration: underline;
}

/*---------------------------MY CONTENT---------------------------------*/
/*MY CONTENT HEADER*/
.mycontentheader
{
    margin: 0 0 6pt 0 !important;
    color: #333399 !important;
    font-size: 11.5pt !important;
    line-height: 14pt !important;
    font-weight: bold;
    font-family:Arial !important;
    clear: both;
}

/*MY CONTENT  SUMMARY*/
.mycontentsummary
{
    font-weight: bold;
    color: #333399 !important;
    /*font-size: 10.5pt !important;*/
    font-size:9.5pt;
    line-height: 14pt !important;
    text-align: justify;
    margin-bottom:6pt;
}

.mycontentsummary em
{
	font-weight:normal;
	font-size: 8pt !important;
	color: #0000ff;
	width:190px;
	text-align:center;
	display:block;
	margin-left:10px;
}

.mytable
{
	background: #ccffff;
	border:none;
	margin:6.75pt auto !important;
	padding:5.4pt !important;
}

 .mytable p
{
     margin-bottom: 6pt !important;
	line-height:14pt !important;
	color: #000080 !important;
}

 .mytable p span
{
	color: #000080 !important;
}


.mytable1
{
	background: #daeef3;
	border:none;
	margin:6.75pt !important;
	padding:5.4pt !important;
}

.mytable2
{
	margin:10px 0 10px 0;
	padding:20px;
	width:650px;
	border:1px solid #426db2;
}

.mytable5
{
	 border:1px solid #426db2;
	 padding:10px !important;
	 width: 690px;
	 background: #c0e5f9;
	 margin-bottom:10px !important;
	 text-align:left;

 }

.mytable5 p
{
	line-height:15pt !important;
}

.mytable5 tr
{
	padding:10px;
	border:none;
}

.mytable5 td
{
	padding: 10px;
	border:none;
}


.mytable6
{
	margin:10px 0 10px 0;
	padding:20px;
	width:650px;
	border:1px solid #426db2;
	border-right:none;
	border-bottom:none;
}

.mytable6 tr
{
	padding: 5px;
}

.mytable6 td
{
	border-right:1px solid #426db2;
	border-bottom:1px solid #426db2;
     padding:5px !important;
     text-align:left;
}

.mytable8
{
	border:1px solid #426db2;
     text-align:left;
     padding:0;
     margin:0;
     vertical-align:top;
}

.mytable8 td{
vertical-align:top !important;
padding:2px !important;
}

.mytable8 img
{
	background: #FFFFFF;
	padding:3px;
	margin:5px !important;
}


/*MY CONTENT TEXT*/
.mycontenttext
{
    margin: 10px 8px 10px 8px;
    color: #333399;
    /*font-size: 10.5pt !important;*/
    font-size: 10pt !important;
    text-align: justify;
    line-height: 14pt !important;
    font-family: Arial !important;
    text-rendering:geometricPrecision;
}

.mycontenttext div span
{
     color: #333399 !important;
}

.mycontenttext table
{
   margin:0 auto;
   padding:0;
}

.mycontenttext tr
{
    margin:0;
    padding:0;
}

.mycontenttext td
{
    font-family: Arial !important;
    font-size: 10pt !important;
    margin:0;
    padding:0;
}

.mycontenttext p
{
   margin-bottom:6pt;
    font-size: 10pt;
}

.mycontenttext div
{
   margin-bottom:6pt;
}

.mycontenttext p em
{
    font-family: Arial !important;
    font-size: 10pt !important;
}

.mycontenttext td p em
{
   color: #0000ff !important;
   font-family:Arial;
   /*font-size:8.5pt;*/
   font-size:8.5pt !important;
   margin-top:-5px;
}

.mycontenttext p a:link, .mycontenttext p a:visited
{
	font-weight:bold;
}

.mycontenttext p a:hover
{
	font-weight:bold;
	text-decoration:underline !important;
}



/*
.mycontenttext div
{
   font-size:9pt !important;
}

.mycontenttext span
{
   font-size:10.5pt !important;
}

.mycontenttext i span font
{
   font-size:9pt !important;
}

.mycontenttext em span font
{
   font-size:9pt !important;
}
*/

.mycontenttext table p
{
   margin-bottom:0;
}


.mycontenttext img
{
    /*border: 1px solid #CECECE; */
    padding: 0;
    margin: 0 8px -5px 8px !important;
    text-align:center;
}

.mycontenttext table em
{
   color: #0000ff !important;
   font-family:Arial;
   /*font-size:8.5pt;*/
   font-size:8.5pt !important;
   margin-top:-5px;
}

.mycontenttext table em font
{
   color: #0000ff !important;
   font-family:Arial;
   /*font-size:8.5pt;*/
   font-size:8.5pt !important;
   margin-top:-5px;
}


.mycontenttext a:link, .mycontenttext a:visited
{
    font-size:10pt;
    text-align: justify;
    line-height: 18px;
    color: #333399 !important;
    font-family: Arial;
}

.mycontenttext a:hover
{
    text-decoration: underline;
}

.mymaincontent
{
    /*position: relative;*/ /*background: url('Images/hd-body.png') no-repeat;*/ /*border:solid 1px #afd7d9;*/
}

.mymaincontenttext
{
    float:left;
    
    width:100%;
}

.mymaincontenttext input
{
    padding: 2px 10px 2px 10px;
}

.mymaincontenttext input[type=text]
{
    padding: 3px 10px 3px 10px;
    border: 1px solid #afd7d9;
}


/*.myround1
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    left:-1px;
    background:url("images/bo_dm1.png") no-repeat;
}
.myround2
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    right:-1px;
    background:url("images/bo_dm2.png") no-repeat;
}
.myround3
{
    width:8px;
    height:8px;
    position:absolute;
    right:-1px;
    bottom:-1px;*bottom:-7px;
    background:url("images/bo_dm3.png") no-repeat;
}
.myround4
{
    width:8px;
    height:8px;
    position:absolute;
    left:-1px;
    bottom:-1px;*bottom:-7px;
    background:url("images/bo_dm4.png") no-repeat;
}
*/
/*-----------------------MY CONTENT OTHER--------------------------*/
/*MY OTHER HEADER*/
.myotherheaderbg
{
    font-size: 12px;
    float: left;
    width: 100%;
    height: 26px; /*background: #eff9fb;*/
    background: url('Images/hd-body.png') no-repeat;
    border-bottom: 1px solid #426db2;
}

.myotherheader
{
    float: left;
    padding: 6px 10px 6px 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: Arial;
    background: #283891;
}

.myotherright
{
    float: left;
    background: #283891;
    width: 32px;
    height: 26px; /*background: url('Images/trial10.png') left no-repeat;*/
    background: url(Images/md-right1.png) left top no-repeat;
}
/*My Content Box*/
.myothernew
{
    clear: both; /*background-color: #fff3ce;*/
    background: url("Images/md-back.png") no-repeat;
    padding: 5px 10px 5px 10px;
    margin:0;
}

.myothernew ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    width: 100%;
}

.myothernew li
{
    margin: 0 0 3px 0;
    padding: 5px 0 5px 10px;
    background-image: url('Images/trial5.png');
    background-repeat: no-repeat;
    background-position: 0 11px;
    border: none;
}

.myothernew a:link, .myothernew a:visited
{
    color: #283891;
    text-decoration: none;
    text-align: justify;
    font-weight: normal;
    font-size: 9pt !important;
    font-family: Arial;
}

.myothernew a:hover
{
    color: #283891;
    text-decoration: underline;
}

/*MY OTHER NEW 2*/
.myothernew1
{
   margin:0 !important;
   padding:0;
    clear: both; /*background-color: #fff3ce;*/
    /*padding: 5px 10px 5px 10px;*/
}

.myothernew1 ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

.myothernew1 li
{
    margin: 0 0 3px 0;
    padding: 5px 0 5px 10px;
    background-image: url('Images/trial5.png');
    background-repeat: no-repeat;
    background-position: 0 11px;
    border: none;
}

.myothernew1 a:link, .myothernew1 a:visited
{
    color: #283891;
    text-decoration: none;
    text-align: justify;
    display: block;
    font-weight: normal;
    font-family: 8pt;
    font-family: Arial;
}

.myothernew1 a:hover
{
    color: #283891;
    text-decoration: underline;
}


.myPager
{
    /*float: left;*/
    text-align: left;
    padding: 10px;
    font-family: Arial;
    font-size: 9pt;
    /*text-align: center;*/
    clear: both;
    white-space:nowrap;
}

.myPager a:link, .myPager a:visited
{
    display: inline;
    padding: 5px;
}


    .mypagergrid
{
    /*border-top:1px solid;*/
    margin: 3px 3px 3px 3px;
    clear:both;
}

.mypagergrid table
{
    float:right;
    }

.mypagergrid td
{
    border:none;
    }

    .mypagergrid a:link, .mypagergrid a:visited
    {
        border: 1px solid #c0e5f9;
        margin: 0 3px 0 0;
        padding: 5px 10px 5px 10px;
        color: #283891;
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }

        .mypagergrid a:hover
        {
            color: #283891;
            background-color: #FFF0AA;
            border: 1px solid #f1c43f;
            font-size: 12px;
            text-decoration: none;
        }

    .mypagergrid span
    {
        color: #283891;
        background-color: #FFF0AA;
        border: 1px solid #f1c43f;
        margin: 0 3px 0 0;
       padding: 5px 10px 5px 10px;
        
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }
    
.button_paging
{
    color: #283891;
}

.mypagerIMG
{
    text-align: center;
    vertical-align: top;
    font-family: Arial;
    font-size: 12px;
    padding-top: 20px;
    padding-left: 230px;
    float: left;
    clear: both;
}

.mypagerIMG input[type=image]
{
    float: left;
    margin: 0 5px 0 5px;
}

.mypagerIMG span
{
    float: left;
    margin: 5px 10px 0 10px;
}

.mysearchbar
{
    /*float:right;*/
    padding: 10px;
    font-family: Arial;
    font-size: 9pt;
    text-align: right;
}

.mysearchbar input
{
    padding: 2px 10px 2px 10px;
}

/*MYNEWLIST*/

.mynewlist
{
    border: 1px solid #CDCDCD;
    /*color: Black;*/
    font-family: Arial;
    cursor: pointer;
}

.mynewlist tr
{
    font-size: 12px;
    border-bottom: 1px solid #CDCDCD;
    cursor: pointer;
}

.mynewlist td
{
    height: 20px; /*border-bottom:1px solid #CDCDCD;*/
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 18px;
}

.mynewlist a:link, .mynewlist a:visited
{
    color: black;
    text-decoration: none;
}

.mynewlist a:hover
{
    text-decoration: underline;
}

/*-------Dung cho Header Literal------*/

.mylist
{
    background-color: #EEEEEE;
    border: 1px solid #CDCDCD;
    /*color: #000000;*/
}
.mylistBlue
{
    background-color: #c0e5f9;
    border: 1px solid #CDCDCD;
    /*color: #000000;*/
}
.mylistBlue tr
{
    text-align: center;
    font-size: 12px;
}

.mylistBlue td
{
    height: 25px;
    font-size: 8pt;
    font-family: Arial;
    /*color: Black;*/
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #CDCDCD;
}

.mylist tr
{
    text-align: center;
    font-size: 12px;
}

.mylist td
{
    height: 25px;
    font-size: 8pt;
    font-family: Arial;
    /*color: Black;*/
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #CDCDCD;
}

.mylist th
{
    height: 25px;
    font-size: 12px;
    font-family: Arial;
    /*color: Black;*/
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #CDCDCD;
}


.mylistblue
{
    padding: 5px 0 5px 0; /*background-color: #d9e9fd;*/
    background-color: #EFF9FB;
    height: 30px;
    width: 100%;
    clear: both;
}

.mybutton
{
    float: left;
    margin: 2px 0 2px 5px;
    padding: 3px 6px 0 3px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*background-color: #FFFFFF;*/
    background: url(images/button.png) center; /*border: 1px solid #7da0b1;*/
    border: 1px solid #CDCDCD;
    color: Black; /*text-align:center;*/
    height: 20px;
    text-decoration: none;
    display: inline;
}

.mybutton:hover
{
    background: url(images/hover.png) center;
    text-decoration: none;
    border: 1px solid #f1c43f;
    cursor: hand;
}

.mylinkbutton {
	FONT-SIZE: 12px; BORDER-TOP: #cdcdcd 1px solid; HEIGHT: 20px; FONT-FAMILY: Arial; BORDER-RIGHT: #cdcdcd 1px solid; BACKGROUND: url(images/button.png) center 50%; BORDER-BOTTOM: #cdcdcd 1px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: black; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; TEXT-DECORATION: none; MARGIN: 5px 5px 2px 0px; BORDER-LEFT: #cdcdcd 1px solid; DISPLAY: inline; PADDING-RIGHT: 6px
}
.mylinkbutton A:link {
	COLOR: #000000; TEXT-DECORATION: none; DISPLAY: block
}
.mylinkbutton A:hover {
	COLOR: #000000; TEXT-DECORATION: none; DISPLAY: block
}
.mylinkbutton A:visited {
	COLOR: #000000; TEXT-DECORATION: none; DISPLAY: block
}
.mylinkbutton:hover {
	CURSOR: hand; BORDER-TOP: #f1c43f 1px solid; BORDER-RIGHT: #f1c43f 1px solid; BACKGROUND: url(images/hover.png) center 50%; BORDER-BOTTOM: #f1c43f 1px solid; TEXT-DECORATION: none; BORDER-LEFT: #f1c43f 1px solid
}
.mylinkbuttonH {
	FONT-SIZE: 12px; BORDER-TOP: #f1c43f 1px solid; HEIGHT: 20px; FONT-FAMILY: Arial; BORDER-RIGHT: #f1c43f 1px solid; BACKGROUND: url(images/hover.png) center 50%; BORDER-BOTTOM: #f1c43f 1px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: black; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; TEXT-DECORATION: none; MARGIN: 5px 5px 2px 0px; BORDER-LEFT: #f1c43f 1px solid; DISPLAY: inline; PADDING-RIGHT: 6px
}

.myheaderblueH {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #1d4d77; PADDING-BOTTOM: 10px; PADDING-TOP: 15px; PADDING-LEFT: 0px; MARGIN: 0 0 0 10px; PADDING-RIGHT: 0px
}
.myheaderblue {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial; FONT-WEIGHT: bold; COLOR: #1d4d77; PADDING-BOTTOM: 10px; PADDING-TOP: 15px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.mycontentblue {
	BACKGROUND: url(images/icon.gif) no-repeat left 50%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 15px; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 5px; PADDING-RIGHT: 0px
}

.mycontentblue a:link, mycontentblue a:visited
{
	font-size:10pt;
}
.myfontblueB {
	FONT-SIZE: 9pt; FONT-FAMILY: Arial; FONT-WEIGHT: bold; COLOR: #000080; margin-left:10px;
	}
	.myfontblue {
	FONT-SIZE: 9pt; FONT-FAMILY: Arial; COLOR: #000080;
	}
.mynewlistnb
{
	FONT-SIZE: 9pt; FONT-FAMILY: Arial; COLOR: #000080;
}
/*-------CONTROL ASP--------*/
.mycontrol
{
    width: 100%; /*border: 1px solid #CDCDCD;*/
    text-align: center;
    margin-left:10px;
}

.mycontrol td
{
    padding: 2px 2px 2px 2px;
    font-family: Arial !important;
    font-size: 12px !important;
    color: Black;
}

.mytextbox
{
    border: 1px solid #7da0b1;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Arial;
    font-size: 9pt;
    color: Black;
    width: 200px;
}

.mytextbox:focus
{
    border: 1px solid #f1c43f;
}
/*MY VIDEO*/
.myvideo
{
    margin: 0;
    padding: 10px 0 10px 0;
}

.myvideo td
{
    vertical-align: top;
}

.myvideotop
{
    margin-top: 20px;
}

.myvideotoptext
{
    margin: 10px auto;
    width: 500px;
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    font-weight:bold;
}
.myvideodescription
{
    margin: 10px auto;
    width: 500px;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
}

.myvideocontent
{
    margin: 0;
    padding: 0;
}

.myvideocontent img
{
    margin: 10px 12px 0 0 !important;
    padding: 2px;
    border: 1px solid #c0e5f9 !important;
    width: 160px !important;
    height: 106px !important;
}

.myvideotext
{
    width: 165px !important;
}

.myvideotext a:link, .myvideotext a:visited
{
    font-family: Arial;
    font-size: 11px;
    color: #283891;
    text-align: justify !important;
    display: block;
    font-weight: normal;
}



/*MY ALBUM*/
    .myalbum table tr
    {
        float: left;
        border:none;
    }
    .myalbum table
    {
        width: 100% !important;
        border:none;    
    }
.myalbum tr
{
    margin: 0;
    padding: 0;
    border:none;
}

.myalbum td
{
    margin: 0;
    padding: 0;
    border:none;
}

.myalbum img
{
    margin: 5px 6px 0 0;
    padding: 2px;
    /*border: 1px solid #999999 !important;*/
    border: 1px solid #c0e5f9 !important;
    background:#FFFFFF;
    width: 160px !important;
    height: 106px !important;
}

.mydropbox
{
    border: 1px solid #afd7d9;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px;
}

.mysource
{
    float: right;
    color: #333399;
    padding-left: 20px;
    font-family: Arial;
    font-size: 10pt;
    text-align: right;
    white-space:nowrap;
    margin-top:10px;
    margin-bottom:10px;
}

.mypeople
{
    float: right;
    color: #8f8d8e;
    font-style: italic;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/but.png") no-repeat left 2px;
    padding-left: 20px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
}

.mytool
{
    font-family: Arial;
    font-size: 12px;
    text-align: right;
    margin-top: 30px;
    padding-top: 8px;
    clear: both;
    /*background-color: #EFF9FB;*/
}

.mytool ul li
{
    padding: 0 3px 0 3px;
    list-style: none;
    display: inline;
}

.mytool ul li a
{
    color: #3e3e3e;
    display: inline;
}

.mytool ul li img
{
    display: inline;
    margin-top: 2px;
    padding-right: 2px;
    border: none;
}

.mytag
{
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
}

.mytagleft
{
    font-family: Arial;
    font-size: 12px;
    float: left;
    color: #045471;
    margin-left: 15px;
}

.mytagright
{
    color: #8e8e8e;
    font-family: Arial;
    font-size: 12px;
    padding-left: 30px;
}

.mycomment
{
}
/*BINH LUAN*/
.binhluan
{
    width: 100%;
    margin-bottom: 5px;
    border-top: 1px solid #426db2;
}

.binhluan_noidung p
{
    font-size:9pt !important;
    font-family:Arial !important;
    margin-bottom: 6pt;
    line-height:14pt !important;
}


.binhluan_noidung
{
    float:left;
    text-align: justify;
    padding: 10px;
    padding-bottom:0;
}

.binhluan_nguoiviet
{
    text-align: right;
    font-size:8pt !important;
    font-family:Arial !important;
    margin-bottom: 6pt;
    line-height:14pt !important;
    margin-right:5pt;

}


/*DANH GIA*/
#divDanhGia
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    margin-left: 70px;
}

.dg2
{
    bottom: 5px;
    color: #0384C9;
    font-size: 30px;
    font-weight: bold;
    left: 45px;
    position: absolute;
    top: 35px;
}

.dg1
{
    left: 35px;
}

.dg123
{
    /*border: 1px solid #CCCCCC;*/
    position: absolute;
    left: 30px;
    bottom: 11px;
    padding: 0px 2px;
    width: 65px;
    height: 15px;
}

.dg123 a
{
    color: #0384C9;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.dg123 a:hover
{
    text-align: center;
    color: #0384C9;
    font-size: 10px;
    text-decoration: none;
    cursor: pointer;
}

.dg123_Popup
{
    /*border: 1px solid #CCCCCC;*/
    bottom: 11px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 15px;
    text-align: center; /*float:right;*/
    display: inline;
    margin-right: 0;
    margin-bottom: 5px;
}

.dg123_Popup a
{
    color: #0384C9;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.dg123_Popup a:hover
{
    text-align: center;
    color: #0384C9;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
}

/*YKIEN*/
.sform
{
    float: left;
    margin: 5px 0 0 0;
}


/*OTHER*/
.Grid
{
    border-style: solid;
    border-width: 0;
    margin-left: 10px;
}

.Grid img
{
    padding-left: 5px;
    padding-bottom: 3px;
}

.divcapcha
{
    clear: left;
    margin-left: 90px;
}

.divcapcha img
{
    width: 80px;
}

.divinput
{
    clear: left;
    margin: 5px 0 10px 70px;
}

.txtinput
{
    border: 1px solid #E0E0E0;
}

.txtinputtext
{
    width: 606px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    line-height: 30px;
    color: #2a2b2b;
    padding-left: 5px;
}

.ResultDanhGia
{
    display: none;
    background: none repeat scroll 0 0 #F9FAFB;
    position: fixed;
    width: 295px;
    z-index: 99999;
    left: 50%;
    top: 50%;
}

.dg-Top
{
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/mn-r.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 32px;
    width: 293px;
}

.dg-Top p
{
    color: #075480;
    font-weight: bold;
    line-height: 30px;
    margin-left: 15px;
    text-transform: uppercase;
}

.dg-center
{
    background: none repeat scroll 0 0 #F9FAFB;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    float: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0 0;
    width: 291px;
}

.dg-bt
{
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/danhmuc-bt.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 10px;
    width: 293px;
    padding-left: -10px;
    display: none;
}

.mask
{
    background: none repeat scroll 0 0 #F9FAFB;
    display: none;
    height: 100%;
    position: fixed;
    bottom: auto;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 9999;
}

*html #ResultDanhGia
{
    background: none repeat scroll 0 0 #F9FAFB;
    position: absolute;
    width: 295px;
    z-index: 99999;
    left: 50%;
    top: 50%;
}


.danhgia
{
    width: 133px;
    height: 130px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/danhgia.png") no-repeat;
    position: relative;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
}

.dg1
{
    position: absolute;
    left: 35px;
    top: 3px;
    color: #6b6b6b;
    font-weight: bold;
}

.dg2
{
    position: absolute;
    left: 26px;
    top: 30px;
    color: #6b6b6b;
    font-weight: bold;
}

.dg3
{
    position: absolute;
    left: 18px;
    top: 77px;
    font-size: 11px;
    color: #6b6b6b;
}

.dg4
{
    position: absolute;
    left: 15px;
    bottom: 11px;
    color: #6b6b6b;
    font-size: 10px;
    padding: 0px 2px;
    width: 60px;
    height: 15px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/ndk1.png") no-repeat;
}

.dg4 a
{
    color: #0384c9;
    line-height: 18px;
    font-size: 10px;
}

.dg5
{
    line-height: 18px;
    position: absolute;
    right: 10px;
    bottom: 11px;
    color: #3d3d3d;
    font-size: 10px;
    padding: 0px 2px;
    width: 43px;
    height: 15px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/ndk2.png") no-repeat;
}

.dg5 a
{
    color: #3d3d3d;
    font-size: 10px;
}
/*-------------------------------My Footer --------------------------------*/
.myfooter
{
    margin:0 auto;
    padding: 0;
    font-size: 9pt;
    width:960px;
    clear: both;
    /*background-color: #283891;*/
   background: #c0e5f9 url(images/bg-bottom.png) repeat-x bottom;
   box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);

}
.myfooter_EPCTC
{
    margin:0 auto;
    padding: 0;
    font-size: 9pt;
    width:960px;
    clear: both;
    /*background-color: #283891;*/
   background-color:#00508f;
   box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);

}

/*My Info Footer*/
.myinfofooter
{
    padding: 10px 0px 10px 0px; /*width: 960px;*/
    color: White;
    line-height: 20px;
}

.myheadfoot
{
    text-transform: uppercase;
    font-family: 13px;
    font-weight: bold;
}

.myclearboth
{
    float: left;
    width: 100%;
    clear: both;
}

/*MY SLIDER IMG*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width:915px !important;
}

.bx-wrapper img
{
    /*max-width: 100%;*/
    width: 120px;
    height: 82px;
    display: block;
}

.slide img
{
width:146px;
height:82px;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport
{
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff; /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto
{
    position: absolute;
    bottom: -10px;
    width: 100%;
    display:none;
}

/* LOADER */

.bx-wrapper .bx-loading
{
    min-height: 50px;
    background: url(Images/loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager
{
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item
{
    display: inline-block;
    zoom: 1;
    display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a
{
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active
{
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev
{
    left: -20px;
    background: url(Images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next
{
    right: -20px;
    background: url(Images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover
{
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover
{
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a
{
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled
{
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto
{
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start
{
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active
{
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop
{
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active
{
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager
{
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto
{
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption
{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span
{
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}



/*--------- class1 that is for the slide with HTML content------------*/
.class1
{
    width: 130px;
    height: 80px;
    background: #444;
    text-align: center;
    color: White;
    font: normal 11px/14px Arial;
    white-space: normal;
}

.class1 p
{
    margin-top: 0;
    margin-bottom: 6px;
    padding-top: 6px;
    font: bold 13px Verdana;
    color: #F90;
}


/* --------- Others ------- */
/*#mysliderimg
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}*/

/*MY SLIDER NEW*/

#myslidernew
{
    width: 908px;
    height: 90px; /*margin: 0 auto;*/
    margin: 0;
    padding: 15px 20px 15px 20px;
    border: 1px solid #d5d5d6;
    background: #f3f3f4 url('Images/loading.gif') no-repeat 50% 50%; /*box-shadow: 0px 1px 11px #CCCCCC;*/ /* Do not alter the below settings*/ /*white-space:nowrap;*/
    position: relative;
    font-size: 0px;
}

#myslidernew > *
{
    display: none;
}

/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#myslidernew div.item
{
    padding: 2px;
    margin-right: 8px; /* this specifies the distance between each thumbnail */
    background-color: White;
    border: 1px solid #ddd;
    text-align: center; /*position:relative;*/
}

#myslidernew img
{
    border: none;
    width: 121px;
    height: 80px;
}


/*---------built-in navigation buttons-------*/
#myslidernew .navPrev
{
    width: 10px;
    height: 15px;
    position: absolute; /*background:url('Images/navbuttons.png'); */
    background: url('Images/trial10.png');
    display: inline-block;
    z-index: 5;
    cursor: pointer;
    top: 55px;
    left: 5px;
}

#myslidernew .navNext
{
    width: 10px;
    height: 15px;
    position: absolute; /*background:url('Images/navbuttons.png'); */
    background: url('Images/trial11.png');
    display: inline-block;
    z-index: 5;
    cursor: pointer;
    top: 55px;
    right: 5px; /*right:-40px;*/
}

#myslidernew .navPlay, #mysliderimg .navPause
{
    display: none;
}

#myslidernew .navPrev
{
}

#myslidernew .navPrev:hover
{
}

#myslidernew .navPrevDisabled, #myslidernew .navPrevDisabled:hover
{
    cursor: default;
}

#myslidernew .navNext
{
}

#myslidernew .navNext:hover
{
}

#myslidernew .navNextDisabled, #myslidernew .navNextDisabled:hover
{
    cursor: default;
}

#myslidernew .navPause, #mysliderimg .navPlay
{
    left: 360px;
    top: 130px;
}

#myslidernew .navPause
{
    background-position: 0 -66px;
}

#myslidernew .navPause:hover
{
    background-position: 0 -88px;
}

#myslidernew .navPlay
{
    background-position: -16px -66px;
}

#myslidernew .navPlay:hover
{
    background-position: -16px -88px;
}

/*.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}*/

/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#myslidernew .navBullets
{
    display: none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.class2
{
    width: 130px;
    height: 80px;
    background: #444;
    text-align: center;
    color: White;
    font: normal 11px/14px Arial;
    white-space: normal;
}

.class2 p
{
    margin-top: 0;
    margin-bottom: 6px;
    padding-top: 6px;
    font: bold 13px Verdana;
    color: #F90;
}


/* --------- Others ------- */
/*#myslidernew
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}*/


/***********MY SLIDER TOP NEW*************/
/*-----------MY SLIDE------------*/
/* CSS Document */

/* slider layout */
.myslidecontent
{
    position: relative;
    overflow: hidden; /*background-color: #d7eff9;
    border: 1px solid #bbc5df;*/
    padding-bottom:5px;
    width: 627px;
    height: 268px;
    margin: 0;
}

.myslidecontent .preload
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF;
}

.myslidecontent .preload div
{
    height: 100%;
    width: 100%;
    /*background: transparent url('Images/load-indicator.gif') no-repeat scroll 50% 50%;*/
}

.myslidecontent .sliders-wrapper
{
    position: relative;
    height: 100%;
    height: 268px;
    width: 900px;
    z-index: 3px;
    overflow: hidden;
}

.myslidecontent ul.sliders-wrap-inner
{
    overflow: hidden;
    /*background: transparent url('Images/load-indicator.gif') no-repeat scroll 50% 50%;*/
    padding: 0px;
    margin: 0 0 0 0;
    position: absolute;
    overflow: hidden;
}

.myslidecontent ul.sliders-wrap-inner li
{
    overflow: hidden;
    top: 0;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
        height: 275px;
}

.myslidecontent .lof-opacity li
{
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}

.myslidecontent .navigator-content
{
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
    height: 380px;
    width: 180px;
    overflow: hidden;
    color: #FFF;
}

.myslidecontent .navigator-wrapper
{
    position: relative;
    z-index: 10;
    height: 380px;
    width: 180px;
    overflow: hidden;
    color: #FFF;
    float: left;
}

.myslidecontent ul.navigator-wrap-inner
{
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

.myslidecontent ul.navigator-wrap-inner li
{
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin:0;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
    height:90px !important; 
}

/*******************************************************/

ul.sliders-wrap-inner li
{
    margin: 0;
    padding: 0;
}

ul.sliders-wrap-inner li img
{
    padding: 0;
    top: 0;
    height: 268px;
    width: 455px;
}

.myslidecontent .slider-description a.readmore
{
    color: #58B1EA;
    font-size: 95%;
}

.myslidecontent .slider-description a
{
    color: #FFF;
}

.myslidecontent .slider-description i
{
    display:none;
}


.myslidecontent .slider-description
{
    z-index: 100;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 450px;
    background: url('Images/bg_trans.png');
    height: 80px;
    padding: 0 10px 5px 10px;
    color: #FFF;
}

.myslidecontent .slider-description h4
{
    font-size: 14px;
    margin: 10px 0;
    padding: 0 20px 0 0;
    font-family: Arial;
    text-align:justify;
}

.myslidecontent .slider-description .slider-meta a
{
    margin: 0;
    background: #C01F25;
    font-size: 75%;
    padding: 2px 3px;
    font-family: "Trebuchet MS" ,Trebuchet,Arial,Verdana,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.myslidecontent .slider-description .slider-meta i
{
    font-family: Arial;
    font-size: 11px;
}

.myslidecontent .item-meta a:hover
{
    text-decoration: none;
}

.myslidecontent .item-meta i
{
    font-size: 70%;
}

/* item navigator */
.myslidecontent ul.navigator-wrap-inner li.active
{
    /*background: url('Images/trial10.png') no-repeat scroll left center;*/
    color: #FFF;
    height:90px !important;
}

.myslidecontent ul.navigator-wrap-inner li > div
{
    /*background:url('Images/transparent_bg.png');*/
    background-color: #eff8fb;
    color: #133b43;
    /*height: 100%;*/
    height:268px;
    position: relative;
    margin:0  0 0 8px;
    padding: 5px; /*border-top: 1px solid #c5c5c5;*/
    text-align: left;
}

.myslidecontent ul.navigator-wrap-inner li.active div
{
    /*background: url('Images/grad-bg.gif);#283891*/
    background: #283891;
    color: #FFF;
}

.myslidecontent ul.navigator-wrap-inner li img
{
    /*height: 80px;     width: 152px;*/
    /*width: 160px;
    height: 88px;*/
    width:162px;
    height:80px;
    margin: -3px 0 0 -3px;
    float: left;
    padding: 2.5px 3px;
    background: #FFFFFF;
}

.myslidecontent ul.navigator-wrap-inner li.active img, .myslidecontent ul.navigator-wrap-inner li:hover img
{
    /*border: #283891 solid 1px;*/
}

.myslidecontent .button-next, .myslidecontent .button-previous
{
    display: block;
    width: 40px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    height: 100%;
    z-index: 40;
    top: 0;
    text-indent: -999px;
}

.myslidecontent .button-next
{
    right: 0px;
    background: url('Images/next.png') no-repeat right center;
}

.myslidecontent .button-previous
{
    left: 0px;
    background: url('Images/previous.png') no-repeat left center;
}

.myslidecontent .button-control
{
    position: absolute;
    top: 0;
    right: 48%;
    height: 20px;
    width: 20px;
    cursor: hand;
    cursor: pointer;
    background: url('Images/transparent_bg.png') repeat;
}

.myslidecontent .button-control span
{
    display: block;
    width: 100%;
    height: 100%;
}

.myslidecontent .action-start span
{
    background: url('Images/play.png') no-repeat center center;
}

.myslidecontent .action-stop span
{
    background: url('Images/pause.png') no-repeat center center;
}

.mysitemap
{
    margin: 0;
    padding: 8px 0 8px 5px; /*border: 1px solid #AFD7D9;     background-color: #EFF9FB;*/ /*background: #283891;*/
    background: white;
    border-top: 1px solid #426db2;
    border-bottom: 1px solid #426db2; /*height: 20px;*/
}

.mysitemap img
{
    display: none;
}

.mysitemap a:link, .mysitemap a:visited
{
    color: #283891;
    margin: 0;
    padding: 0 0 0 20px; /*color:#FFFFFF;*/
    font-size: 8pt;
    display: inline;
    background: url('Images/trial3.png') no-repeat 5px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}

.mysitemap a:hover
{
    text-decoration: underline;
}

.fancytree-container
{
    float: left;
}

/*MENU DOC*/
/* We remove the margin, padding, and list style of UL and LI components */


.menuwrapper
{
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #74C2E1;
}

.menuwrapper ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #005b9a;
    z-index: 1000;
}

/* We apply background color and border bottom white and width to 150px */
.menuwrapper ul li
{
    /*background-color: #7f95db;     border-bottom: solid 1px white;     width: 150px;     cursor: pointer;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 1px solid #5E9DC8;
    list-style: none;
    cursor: pointer;
    background: url(images/mn-bg.png) left;
    z-index: 1000;
}
/*MY MENU ACTIVE*/
li.mymenuactive
{
    background-color: #283891;
    position: relative;
}

a.mymenuactive
{
    /*color: #FFFF00 !important;*/
    text-decoration:underline;
}


/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */

.menuwrapper ul li:hover, .menuwrapper ul li.iehover
{
    background-color: #283891;
    position: relative;
}

/* We apply the link style */
.menuwrapper ul li A:link, .menuwrapper ul li A:visited
{
    /*padding: 5px 15px;     color: #ffffff;     display: inline-block;     text-decoration: none;*/
    margin: 0 0 0 0;
    background: url(images/trial2.png) no-repeat 8px 12px;
    padding: 8px 5px 8px 18px;
    text-align: left;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial;
}

.menuwrapper li:hover
{
    background: #283891;
}


.menuwrapper ul li a:hover
{
    color: #ffff00; /*background-color: #657689;*/
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
.menuwrapper ul li ul
{
    position: absolute;
    display: none;
    width: 220px;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul, .menuwrapper ul li.iehover ul
{
    /*right: 228px;*/
    left:228px;
    top: -5px;
    display: block;
}

/* we apply different background color to 2nd level menu items*/
.menuwrapper ul li ul li
{
    background-color: #283891 !important;
    z-index: 1000;
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover
{
    background-color: #283891;
}

/* We style the color of level 2 links */
.menuwrapper ul li ul li a
{
    color: #FFFFFF;
    display: inline-block;
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li ul, .menuwrapper ul li.iehover ul li ul
{
    position: absolute;
    display: none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul
{
    display: block; /*left: 192px;*/
    /*right: 220px;*/
    left:220px;
    top: 0;
}

/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li
{
    background-color: #5E9DC8;
}

/* We change the background color for the level 3 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover
{
    background: #93b2c8;
}

/* We change the level 3 link color */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li a
{
    color: #ffffff;
}

/**** FOUR LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li ul, .menuwrapper ul li.iehover ul li.iehover ul li ul
{
    position: absolute;
    display: none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul
{
    display: block; /*left: 192px;*/
    /*right: 228px;*/
    left:228px;
    top: 0;
}

/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li
{
    background-color: #5E9DC8;
}

/* We change the background color for the level 3 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover
{
    background: #93b2c8;
}

/* We change the level 3 link color */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li a
{
    color: #ffffff;
}

/**** FIVE LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li ul
{
    position: absolute;
    display: none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul
{
    display: block; /*left: 192px;*/
    /*right: 228px;*/
    left:228px;
    top: 0;
}

/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li
{
    background-color: #5E9DC8;
}

/* We change the background color for the level 5 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li.iehover
{
    background: #93b2c8;
}

/* We change the level 5 link color */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li a
{
    color: #ffffff;
}

.l-dmain input
{
    padding: 5px;
}

/*MY TABS*/
/*MY TABS*/
.mytabs
{
    margin: 0;
    padding: 0;
    background: url('Images/hd-body.png') no-repeat -10px 0;
    width:100%;
    float:left;
    position:relative;
    z-index:10;

}

.tab
{
    display: inline-block; /*background: #d7eff9;     border: solid 1px #426db2;*/
    border-bottom: none;
    margin: 0;
    padding: 0 5px 0 10px;
    float:left;
}

.tab a:link, .tab a:visited
{
    font-family:Arial;
    font-size: 12px;
    display: block;
    padding: 8px 10px 4px 10px;
    outline: none;
    color: #285393;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: url("Images/ic-mn.png") no-repeat 0 10px;
    white-space: nowrap;
}

.tab a:hover
{
    text-decoration: none;
}

.tab.active
{
    background:  url('Images/md-right1.png') center right no-repeat; /*#283891*/
    color: white;
    margin:0;
    padding: 0 30px 0 0;
    z-index:50;
}

.tab a.active
{
    font-weight: bold;
    background: #283891 url('Images/trial2.png') no-repeat 10px 10px;
    font-size: 12px;
    padding-left:20px;
    color: #FFFFFF;
    display:block; 
    z-index:100;
    height:15px;
 
}

.tab-container
{
    background: url('Images/md-back.png') no-repeat;
}
.panel-container
{
    margin-bottom: 10px;
    border-top: 1px solid #426db2;
    /*height:380px;*/
    background: url('Images/md-back.png') no-repeat;
    float:left;
    width:100%;
}

#tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7, #tabs8, #tabs9, #tabs10, 
#tabs49, #tabs56, #tabs65, #tabs138, 
#tabs140, #tabs308, #tabs309, #tabs310 ,#tabs311
{
    min-height:260px;
    /*float:left;*/
    margin-top:-30px;
    padding-top:30px;
    position:relative;
    z-index:0;
    /*width:100%;*/
}
/*END MY TABS*/
/*END MY TABS*/
.fancybox-skin
{
   -webkit-border-radius:0 !important;
    border-radius: 0 !important;
}

.fancybox-title-float-wrap
{
	bottom: auto !important;
	width:auto !important;
}

.fancybox-title
{
    font-size:10pt !important;
    font-family:Arial !important;
    line-height:10px !important;
}

.fancybox-title-float-wrap .child
{
    /*background: #c0e5f9 !important;font-weight:normal !important;*/
    background: url('Images/bg_trans.png') !important;
    background-color:transparent !important;
    position:absolute;
    left:-300px;
    bottom:0;
    line-height:18px !important;
    /*color: #333399 !important;*/
    color: #FFFFFF !important;
    width:560px  !important;
    /*margin-top:15px;*/
    white-space:normal !important;
    text-shadow:none !important;    
    -webkit-border-radius:0 !important;
    border-radius: 0 !important;
}

.fotorama img
{
	margin:0 !important;
	padding:0;
}

.fotorama__caption
{
	text-align:center;
	margin-bottom:0 !important;
     position: absolute; bottom: 0px;
}

.fotorama__caption__wrap
{
	text-align:center;
	width:100%;
	font-size:9pt !important;
	background: url(Images/bg_trans.png) !important;
	font-weight:bold;
	color:white;
	margin-bottom:0 !important;
	
}

.fotorama
{
	background: #FFFFFF;
}

.fotorama__img
{
    margin:0 !important;
    padding:0 !important;
}


/*===============================CUSTOM SHAREPOINT================================*/
body #s4-ribbonrow
{
    /* [ReplaceColor(themeColor:"Dark2",themeShade:"0.9")] */
    background: #E9E9E9;
    border: none;
    overflow-y: hidden;
    min-width: 930px;
    height: 20px;
}

.ms-cui-topBar2
{
    border: none;
}

.ms-welcomeMenu a:link
{
    color: #000000;
}

.ms-welcomeMenu a span
{
    color: #000000;
}


.ms-siteactionsmenu > span > a > span
{
    display: inline-block;
    margin: 1px 0px 0px 2px;
    color: black;
}

.ms-cui-tt-span
{
    color: black;
}

.s4-title
{
    display: none;
}

body #s4-topheader2
{
    display: none;
}

body #s4-workspace
{
    overflow-y: auto;
    min-height: 100%;
}

.ms-PartSpacingVertical
{
	margin:0;
}
/*---------------------SITE ACTION------------------------*/

.ms-siteactionsmenuhover
{
    /*background: #CECECE url(/_layouts/images/black/header.png) center;*/
    background:none;
    border: 1px solid #b6babf;
}

.s4-trc-container-menu
{
    /*display:block; 				padding:5px;*/
}

/*---------------------LOGIN------------------------*/
.ms-welcomeMenu
{
    display: block; /*padding:5px;*/
    border: 1px solid #283891;
    /*background: #CECECE url(/_layouts/images/black/header.png) center;*/
    background: #CECECE;
    font-family: Arial;
    font-size: 9pt;
}

.ms-welcomeMenu.ms-SpLinkButtonActive
{
    background: #CECECE;
    display: block;
    color: black;
}

.s4-trc-container .ms-SPLink
{
    display: block;
    border: 1px solid #b6babf;
}

.s4-ba
{
	padding:0;
}

/*---------------------DIALOG------------------------*/
.ms-dialog body .ms-bodyareacell
{
    padding: 0px;
}

/*----------------------SCROLL BAR---------------*/
/*
body.v4master {
   overflow: auto;
   }

*/
body #s4-workspace {
	/*overflow: visible !important;*/
	-webkit-overflow-scrolling: touch;
}

/*
body #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
}


#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}

.ms-dlgOverlay {
	width: 100% !important;
}*/
/*=====================================================*/
.boxCKTT
    {
        
        background: #fff;
            /*box-shadow: 0 13px 13px 0 rgba(0,0,0,.25);*/
        width:100%;
        max-width:960px;
            border-top: white !important;
    }
  .boxCKTT .mynext
  {
	
	margin-top:-30px;
	/*height:35px;*/
	color: #283891;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding: 0 12px 0 0;
    white-space: nowrap;
        font-weight: normal;
}
.boxCKTT .mynext:visited
  {
  color: #283891;
}
.textHeaderCKTTHome
    {
        /*font-family: robotocondensed,arial,sans-serif;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.7em;
        text-transform:uppercase;
        padding-top: 10px; 
            color: #fff;
        padding-bottom: 10px;
        background-color: #E7F4FB;*/
        
            font-family: Arial;
		    font-size: 12px !important;
		    text-decoration: none;
		    text-transform:uppercase;
		    display: block;
		    color: #FFFFFF;
		        padding: 8px 0 8px 0;
		    background: #283891;
		    white-space: nowrap;
    }
.tableCKTTHome
    {
        border-top: 2px solid #fff;
        /*background: #E7F4FB;*/
        height:230px;
            background: url('Images/md-back.png') no-repeat;
    }
.textContentCKTTHome
    {
        /*font-family: robotocondensed,arial,sans-serif;*/
        font-family: Arial;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6em;
        color:#000080;
            /*padding-left: 10px;*/
    }
.textContentCKTTHome span {
        color: #000080;
        font-weight: bold;
        font-size: 12px;
    }
.textContentCKTTHome table tr td {
    font-family: robotocondensed,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    color: Black;
    padding-left: 10px;
}

.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame{
-webkit-transform: initial !important;
     transform: initial !important;
}
#ctl00_m_g_43357394_32fb_4322_88af_9c3a686ef82a_ctl00_lbtSearch
{
	display:none;
}
/*------------------Giao diện mobile- start--------------------*/

@media screen and (max-width:765px){
	.mywrap{
		width:100% !important;	}
	.mycolcontent{
		width:100% !important;	}
	.mycolcontent{
		width:100% !important;	}
	.mycoltopleft{
		width:100% !important;	}
	.mycoltopright{
		width:100% !important;}
	.mywraptop{
	width:100% !important;}
	.mybanner{
	width:100% !important;
	background: url(Images/bannerMobile.png) left no-repeat !important;}
	.mybanner_en{
	width:100% !important;
	background: url(Images/bannerMobile.png) left no-repeat !important;}

	.mymenu{
	width:100% !important;}
	.mycolright{
	width:100% !important;
	margin:0 !important}
	.mycolleft{
	width:100% !important;}
	.myfooter{
	width:100% !important;}
	.mycolcenter{
	width:100% !important;
	margin:0 !important}
	.mycolleft4col{
	width:100% !important;
	margin:0 !important}
	.mymenusub{
	width:100% !important;}
	.mybody{
	width:100% !important;}
	.mycolleft2col{
	width:100% !important;
	margin:0 !important}
	.fullsize{
	display:none;}
	body #s4-bodyContainer{
	min-width: 240px;
}
.mysearch{
	float: right;
	width: 188px;
}
.mymenuheader
{
	width:auto !important;
}
.bx-wrapper .bx-prev{
	left: 0 !important;
}
.bx-wrapper .bx-next{
	right: 0 !important;}
.myforumtext
{
	text-align: center !important;}
.mycontentbox{
	background:white !important;}
.mycontentboximg a:link, .mycontentboximg a:visited{
	text-align: center;
}
.mycontentbox1{
	background: white  !important;
}
.mytopmenu a:link, .mytopmenu a:visited
{
	color:white !important;
}
.myheaderbox{
	background: #283891;
}
.myslidecontent{
	display:none;
}
.myTopBanner{
	width: 100% !important;
	display:none;
}
.tab{
	float:initial !important;

}
.Infographic 
{
	width: 100%;
	height:auto;
}

.mybox img{
	width: 100%;
	height:auto;
}
img{
	max-width:100%;
}
.mycontenttext table{
	width:auto !important;
}
.mycoltopleft .mybox{
	display:block  !important;
}
.mycoltopleft .slider2{
	display:none  !important;
}
.mycoltopleft .mynext{
	display:none  !important;
}
.myforumtext input[type=image]{
	width:100% !important;
	height:auto !important;
}
video{
	width:100% !important;
	height:auto !important;
}
#WebPartctl00_m_g_de865a87_273f_4554_b322_a8d37f5496ca{
	display:none;
}
.myothernew{
	background:none !important;
}
}
/*------------------Giao diện mobile- end--------------------*/
.mycoltopleft .mybox{
	display:none;
}
.myPager
{
    /*float: left;*/
    text-align: left;
    padding: 10px;
    font-family: Arial;
    font-size: 9pt;
    /*text-align: center;*/
    clear: both;
    white-space:nowrap;
}

.myPager a:link, .myPager a:visited
{
    display: inline;
    padding: 5px;
}


.mypagerat
{
    color: Black;
    font-size: 12px;
    text-decoration: none;
    background-color: #FFF0AA;
    border: 1px solid #f1c43f;
}

.mypagerview a
{
    border: 1px solid #7da0b1;
    margin: 0 0px 0 0;
    padding: 2px 6px 2px 6px;
    color: Black;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
}

.mypagerview a:hover
{
    color: Black;
    background-color: #FFF0AA;
    border: 1px solid #f1c43f;
    font-size: 12px;
    text-decoration: none;
}


    .mypagergrid
{
    /*border-top:1px solid;*/
    margin: 3px 3px 3px 3px;
    clear:both;
}

.mypagergrid table
{
    float:right;
    }

.mypagergrid td
{
    border:none;
    }

    .mypagergrid a:link, .mypagergrid a:visited
    {
        border: 1px solid #c0e5f9;
        margin: 0 3px 0 0;
        padding: 5px 10px 5px 10px;
        color: #283891;
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }

        .mypagergrid a:hover
        {
            color: #283891;
            background-color: #FFF0AA;
            border: 1px solid #f1c43f;
            font-size: 12px;
            text-decoration: none;
        }

    .mypagergrid span
    {
        color: #283891;
        background-color: #FFF0AA;
        border: 1px solid #f1c43f;
        margin: 0 3px 0 0;
       padding: 5px 10px 5px 10px;
        
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }
    
.button_paging
{
    color: #283891;
}
.GroupNews .myheaderbox-right1{
	display:none !important;

}
.GroupNews .myheaderbox-left1{
	display:none !important;

}
.GroupNews .myheaderbox1{
	background:none !important;
	color:#283891 !important;
	width:100%;
	text-align:center;
}
.GroupNews .myheaderbox1 a{

	color:#283891 !important;
	

}
.GroupNews .myheaderbox1 div{
	width:100%;
	text-align:center;

}

.GroupNews .myheaderbox-bg1{

	background: #aae0fa !important;
	width:100%;
	text-align:center;
}

.textHeaderGroupNews
{
	font-family: Arial;
    font-size: 13px !important;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    color: #FFFFFF;
    padding: 8px 0 8px 0;
    background: #283891;
    white-space: nowrap;
}
.tableGroupNews
{
	padding:5px;
	
}
.tableGroupNews a{
	color: #283891 !important;
	font-size: 12px !important;
	font-weight:bold;
}
.slider2{
	padding-top:5px;}
ul li .myforumtext5{
	margin: 4px 0 4px 0 !important;
}