/* Index
	------------------------------------------------------------ */
	#body.theme1.index #particles-js { background-color:#bde5fd}
	#body.theme2.index #particles-js { background-color:#2c8faa}

	#body.theme1.index .rc-title 			{ color:#0d4d73}
	#body.theme1.index .rc-more>a 			{ color:#0d4d73; transition: all 0.3s ease-out;}
	#body.theme1.index .rc-more>a:hover 	{ color:#333}
	#body.theme2.index .rc-title 			{ color:#fff}
	#body.theme2.index .rc-more>a 			{ color:#fff; transition: all 0.3s ease-out;}
	#body.theme2.index .rc-more>a:hover 	{ color:#333}

	#body.theme1.index .news-items:hover .news-cat 	{ color:#2196F3 }
	#body.theme2.index .news-items:hover .news-cat 	{ color:#2c8faa }

	#body.theme1.index .ql-title			{ color:#0d4d73;}
	#body.theme2.index .ql-title			{ color:#0c6e88;}

	/* Index banner
	------------------------------------------------------------ */
	#body.theme1.index .esbanner>nav.bar.dot>i.fa.sel 			{ color:#2196F3; }
	#body.theme2.index .esbanner>nav.bar.dot>i.fa.sel 			{ color:#2c8faa; }


	/* Scroall bar
	------------------------------------------------------------ */
	#body.theme1.index #style-5::-webkit-scrollbar-thumb 		{ background-color: #0ae;
										     					  background-image: -webkit-gradient(linear, 0 0, 0 100%,
												                color-stop(.5, rgba(255, 255, 255, .2)),
																color-stop(.5, transparent), to(transparent));}

	#body.theme2.index #style-5::-webkit-scrollbar-thumb 		{ background-color: #2c8faa;
										         				  background-image: -webkit-gradient(linear, 0 0, 0 100%,
												                color-stop(.5, rgba(255, 255, 255, .2)),
																color-stop(.5, transparent), to(transparent));}


	/* Index Search box
	------------------------------------------------------------ */
	#body.theme1.index .main-search input[type=text] 		{ color:#fff; background-color:#add4eb;}
	#body.theme1.index .main-search input[type=search] 		{ color:#fff; background-color:#add4eb;}
	#body.theme1.index .main-search ::placeholder 			{ color:#356793; opacity:1}
	#body.theme1.index .main-search :-ms-input-placeholder 	{ color:#356793;}
	#body.theme1.index .main-search ::-ms-input-placeholder { color:#356793;}

	#body.theme1.index .main-search button 			{ background:#2196F3; color:#fff;}
	#body.theme1.index .main-search button:hover 	{ background:#0b7dda;}

	#body.theme2.index .main-search input[type=text] 		{ color:#fff; background-color:#0c6e88;}
	#body.theme2.index .main-search input[type=search] 		{ color:#fff; background-color:#0c6e88;}
	#body.theme2.index .main-search ::placeholder 			{ color:#4996ab; opacity:1}
	#body.theme2.index .main-search :-ms-input-placeholder 	{ color:#4996ab;}
	#body.theme2.index .main-search ::-ms-input-placeholder { color:#4996ab;}

	#body.theme2.index .main-search button 			{ background:#3aaecd; color:#fff;}
	#body.theme2.index .main-search button:hover 	{ background:#05556b;}


	/* Index Quick Link
	------------------------------------------------------------ */
 	#body.theme1.index a.tile-item:hover .ti-icon .ti-icon-circle	{ background-color:#add4eb }
 	#body.theme2.index a.tile-item:hover .ti-icon .ti-icon-circle	{ background-color:#95c6d3 }



	/* All inside page
	------------------------------------------------------------ */
	#body.theme1.inside { background:#bde5fd url(images/bg-theme1-large.gif); background-repeat: repeat-y; background-position:right top }
	#body.theme2.inside { background:#2c8faa url(images/bg-theme2-large.gif); background-repeat: repeat-y; background-position:right top }

	#body.theme1.inside.full,
	#body.theme2.inside.full { background:#fff; background-image:none; background-repeat:none; }
	
	

	/* Inside page left nav
	------------------------------------------------------------ */
	#body.theme1 header .headright,
	#body.theme1 .l-layer 					{ background-color:#bde5fd}
	#body.theme2 header .headright,
	#body.theme2 .l-layer 					{ background-color:#2c8faa}


	#body.theme1 header .headright 			{ border-bottom:1px solid none}
	#body.theme2 header .headright 			{ border-bottom:1px solid #49a5be}

	#body.theme1 .navleft 					{ color:#333}
	#body.theme2 .navleft 					{ color:#fff}


	#body.theme1 .navleft .li 				{ border-top:1px solid #a6cde4}
	#body.theme2 .navleft .li 				{ border-top:1px solid #49a5be}

	#body.theme1 .navleft .li.li-current	{ color:#0d4d73;}
	#body.theme1 .navleft .li:hover  		{ color:#0d4d73;}

	#body.theme2 .navleft .li.li-current 	{ color:#333;}
	#body.theme2 .navleft .li:hover  		{ color:#333;}

	#body.theme1 .navleft .li-sub::before 	{ color:#333;}
	#body.theme2 .navleft .li-sub::before 	{ color:#fff;}

	#body.theme1 .navleft .li-sub.li-current::before 	{ color:#0d4d73;}
	#body.theme2 .navleft .li-sub.li-current::before 	{ color:#333;}

	#body.theme1 .navleft .li-current 			{ color:#0d4d73; }
	#body.theme2 .navleft .li-current 			{ color:#333; }


	/* mega menu
	------------------------------------------------------------ */
	#body.theme1 .wtmenu th,
	#body.theme1 .wtmenu td a::before,
	#body.theme1 .wtmenu td a:hover 	  { color:#0d4d73}
	#body.theme2 .wtmenu th,
	#body.theme2 .wtmenu td a::before,
	#body.theme2 .wtmenu td a:hover  	  { color:#2c8faa}
	#body.theme1 .wtmenu td a.sub::before,
	#body.theme2 .wtmenu td a.sub::before { color:#b5b5b5}


	/* mobile menu
	------------------------------------------------------------ */
	#body.theme1 .nav-m ul.nm-lang  { background-color:#567798; }
	#body.theme2 .nav-m ul.nm-lang  { background-color:#3aaecd; }


	/* Special Announcement
	------------------------------------------------------------ */
	#body.theme1 .announcement h3,
	#body.theme1 .announcement p a  		{ color:#0d4d73}
	#body.theme1 .announcement p a:hover  	{ color:#333}

	#body.theme2 .announcement h3,
	#body.theme2 .announcement p a  		{ color:#2c8faa}
	#body.theme2 .announcement p a:hover  	{ color:#333}

				
	#body.theme1 .announcement .fa-times 			{ color:#567798}
	#body.theme1 .announcement .fa-times:hover 	 	{ color:#0d4d73}

	#body.theme2 .announcement .fa-times 			{ color:#2c8faa}
	#body.theme2 .announcement .fa-times:hover 	 	{ color:#0c6e88}


	/* Mega menu
	------------------------------------------------------------ */
	#body.theme1 #headright>div:first-child+div 	{ border-left:1px solid #add4eb; border-right:1px solid #add4eb}
	#body.theme1 #headright>div.bars 				{ border-left:1px solid #add4eb }

	#body.theme1 header 		{ -webkit-box-shadow: 1px 1px 0px 0px rgba(166, 205, 228, 0.3);
    									 -moz-box-shadow: 1px 1px 0px 0px rgba(166, 205, 228, 0.3);
    										  box-shadow: 1px 1px 0px 0px rgba(166, 205, 228, 0.3); }


	#body.theme1 #headright a 			{ color:#567798;}
	#body.theme1 #headright .drp>a  	{ color:#666;}
	#body.theme1 #headright .drp  		{ background-color:#ececec; }
	#body.theme1 #headright .drp>a.sel  { background-color:#567798; color:#fff; }
	
	#body.theme1 .dsk:hover .fa.fa-search,   			
	#body.theme1 #headright>div.bars:hover i.fa,
	#body.theme1 #headright a:hover 	{ color:#0d4d73;}



	#body.theme2 #headright>div:first-child+div 	{ border-right:solid 1px #49a5be; border-left:solid 1px #49a5be;}
	#body.theme2 #headright>div.bars 				{ border-left:1px solid #49a5be }

	#body.theme2 header 		{ -webkit-box-shadow: 1px 1px 0px 0px rgba(97, 190, 183, 0.3);
    									 -moz-box-shadow: 1px 1px 0px 0px rgba(97, 190, 183, 0.3);
    										  box-shadow: 1px 1px 0px 0px rgba(97, 190, 183, 0.3); }


	#body.theme2 #headright a 			{ color:#fff;}
	#body.theme2 #headright .drp>a  	{ color:#666;}
	#body.theme2 #headright .drp  		{ background-color:#ececec; }
	#body.theme2 #headright .drp>a.sel  { background-color:#0c6e88; color:#fff; }
	
	#body.theme2 .dsk:hover .fa.fa-search,   			
	#body.theme2 #headright>div.bars:hover i.fa,
	#body.theme2 #headright a:hover 	{ color:#0c6e88;}


	/* Header
	------------------------------------------------------------ */
    #body.theme1.smhead header .pg-container { border-bottom: 1px solid #fff;}
    #body.theme2.smhead header .pg-container { border-bottom: 1px solid #fff;}


	/* Breadcrumb
	------------------------------------------------------------ */
	#body.theme1 ul.breadcrumb				{ color:#0d4d73}
	#body.theme2 ul.breadcrumb				{ color:#0c6e88}


	/* general.css + common
	------------------------------------------------------------ */
	.inside .general h1   		{ font-size:300%; line-height:1.2; padding-bottom:40px; padding-top:20px}
	.inside .general h2   		{ font-size:220%; line-height:1.3}
	.inside .general h3   		{ font-size:170%; line-height:1.3}
	.inside .general h4   		{ font-size:150%; line-height:1.4}

	.inside.en .general h1,
	.inside.en .general h2,
	.inside.en .general h3,
	.inside.en .general h4  { font-family: 'Lexend Deca Regular', "Helvetica Neue","Helvetica","Arial",sans-serif; font-weight:600;}

	.inside.cn .general h1,
	.inside.cn .general h2,
	.inside.cn .general h3,
	.inside.cn .general h4  { font-weight:500;}

	#body.theme1 .general a 		{ color:#0d4d73;}
	#body.theme1 .general a:hover 	{ color:#333;}

	#body.theme1 .general h2,
	#body.theme1 .general h3,	
	#body.theme1 .general h4  		{ color:#0d4d73}

	#body.theme1 .general table.gen th,
	#body.theme1 .general .col2-table-row .field,
	#body.theme1 .general .colorBox.cb-color1        	{ background-color:#bde5fd; color:#0d4d73;}

	#body.theme1 .general .colorBox.cb-color1 			{ background-color:#bde5fd; color:#333}
	#body.theme1 .general .colorBox.cb-color1 a 		{ color:#0d4d73}
	#body.theme1 .general .colorBox.cb-color1 a:hover   { color:#333}
	#body.theme1 .general .colorBox.cb-color1 hr 		{ background-color:#a6cde4}

	#body.theme1 .general .colorBox.cb-color2        	{ background-color:#eaf7ff; color:#333;}
	#body.theme1 .general .colorBox.cb-color2 a 		{ color:#0d4d73}
	#body.theme1 .general .colorBox.cb-color2 a:hover   { color:#333;}
	#body.theme1 .general .colorBox.cb-color2 hr 		{ background-color:#a6cde4}

	#body.theme1 .esec>h3 			{ background-color:#fff; color:#0d4d73; font-weight:normal; border-bottom:1px solid #ececec;}
	#body.theme1 .esec>h3:hover 	{ background-color:#a0cfeb;}

	#body.theme1 .esec>h3::after { content:" "; width:20px; height:20px; position:absolute; display:block; 
				                  right:20px; top:15px; background-image:url(images/arrow-left-blue.svg); 
				                  background-repeat:no-repeat; background-size:contain; 
				                  background-position:right center; transition:transform 300ms ease; }


	#body.theme1 .esec.open>h3 	{ background:#a0cfeb; color:#0d4d73; font-weight:bold; }
	#body.theme2 .esec.open>h3 	{ background:#2c8faa; color:#fff; font-weight:bold; }
	#body.theme1 .esec>div 		{ background-color:#eaf7ff}
	#body.theme2 .esec>div 		{ background-color:#ececec}


	#body.theme1 .sp-link			{ background-color:#bde5fd; color:#0d4d73}
	#body.theme1 .sp-link:hover 	{ background-color:#0d4d73; color:#fff; cursor:pointer; } 

	#body.theme2 .general a 		{ color:#2c8faa;}
	#body.theme2 .general a:hover 	{ color:#333;}

	#body.theme2 .general h2,
	#body.theme2 .general h3,	
	#body.theme2 .general h4  		{ color:#2c8faa}

	#body.theme2 .general table.gen th, 
	#body.theme2 .general .col2-table-row .field,	
	#body.theme2 .general .colorBox.cb-color1    		{ background-color:#2c8faa}

	#body.theme2 .general .colorBox.cb-color1 			{ background-color:#2c8faa}
	#body.theme2 .general .colorBox.cb-color1 a 		{ color:#fff}
	#body.theme2 .general .colorBox.cb-color1 a:hover   { color:#333}
	#body.theme2 .general .colorBox.cb-color1 hr 		{ background-color:#49a5be; }
	#body.theme2 .general .colorBox.cb-color1 h2,
	#body.theme2 .general .colorBox.cb-color1 h3, 
	#body.theme2 .general .colorBox.cb-color1 h4 		{ color:#fff}

	#body.theme2 .general .colorBox.cb-color2        	{ background-color:#8dc9d9; color:#333}
	#body.theme2 .general .colorBox.cb-color2 a 		{ color:#0c6e88}
	#body.theme2 .general .colorBox.cb-color2 a:hover   { color:#333;}
	#body.theme2 .general .colorBox.cb-color2 hr 		{ background-color:#a3cecb; }

	#body.theme2 .esec>h3			{ background-color:#fff; color:#333; font-weight:normal; border-bottom:1px solid #ececec;}
	#body.theme2 .esec>h3:hover		{ background-color:#2c8faa; color:#fff}
	#body.theme2 .esec>h3::after { content:" "; width:20px; height:20px; position:absolute; display:block; 
				                  right:20px; top:15px; background-image:url(images/arrow-left-black.svg); 
				                  background-repeat:no-repeat; background-size:contain; 
				                  background-position:right center; transition:transform 300ms ease; }

	#body.theme2 .sp-link			{ background-color:#2c8faa;}
	#body.theme2 .sp-link:hover 	{ background-color:#8dc9d9; color:#2c8faa; cursor:pointer; }


	/* footer
	------------------------------------------------------------ */
	#body.theme1 footer ul.f-link li a:hover		{ color:#0d4d73; }
	#body.theme2 footer ul.f-link li a:hover		{ color:#2c8faa; }


	/* mobile menu
	------------------------------------------------------------ */
	#body.theme1 .esfpushm { background:#bde5fd;}
	#body.theme2 .esfpushm { background:#2c8faa;}
	#body.theme1 .esfpushm>a { border-bottom: solid 1px #a6cde4;}
	#body.theme2 .esfpushm>a { border-bottom: solid 1px #49a5be;}
	#body.theme1 .esfpushm>nav { background-color:#eaf7ff}
	#body.theme2 .esfpushm>nav { background-color:#287c92}


	#body.theme1 .esfpushm>nav a { border-top: 1px solid #c1dff2; }
	#body.theme2 .esfpushm>nav a { border-top: 1px solid #539caf; }

	#body.theme1 .esfpushm>nav>nav a,
	#body.theme2 .esfpushm>nav>nav a  { border:none; }


	#body.theme1 .esfpushm>a, #body.theme1 .esfpushm nav>a { color:#333}
	#body.theme2 .esfpushm>a, #body.theme2 .esfpushm nav>a { color:#fff}


	/* pagination
	------------------------------------------------------------ */
	#body.theme1 .cd-pagination .current { background-color: #0d4d73;}
	#body.theme1 .cd-pagination a:hover  { color:#0d4d73}

	#body.theme2 .cd-pagination .current { background-color: #2c8faa;}
	#body.theme2 .cd-pagination a:hover  { color:#2c8faa}
	
	
	/* news inside pages
	------------------------------------------------------------ */
	#body.theme1.news-inside .general h1.news-title  { color:#0d4d73}
	#body.theme2.news-inside .general h1.news-title  { color:#0c6e88}

    #body.theme1.news-inside .s-back			{ background-color:#add4eb}
    #body.theme1.news-inside .s-back:hover		{ background-color:#0d4d73}
    #body.theme2.news-inside .s-back			{ background-color:#2c8faa}
    #body.theme2.news-inside .s-back:hover		{ background-color:#115d72}

    #body.theme1.news-inside .news-blk .cat 		{ border-bottom:5px solid #add4eb;}
    #body.theme2.news-inside .news-blk .cat 		{ border-bottom:5px solid #8dc9d9;}


	/* Search page
	-------------------------------------------------------------*/
	#body.theme1 table.t-result tr.tr-sticky th { background-color:#004d73;}
	#body.theme2 table.t-result tr.tr-sticky th { background-color:#0c6e88;}
	
    #body.theme1.search .select::after  { background-image:url(images/arrow-left-blue.svg); }	
    #body.theme2.search .select::after  { background-image:url(images/arrow-left-blue.svg); }	
	
	#body.theme1 .label-result	{ background-color:#add4eb; color:#13426b;}
	#body.theme2 .label-result	{ background-color:#0c6e88; color:#fff;}


	#body.theme1 .tab-sw .ui-state-active a,
	#body.theme1 .tab-sw .ui-state-active a:link,
	#body.theme1 .tab-sw .ui-state-active a:hover,
	#body.theme1 .tab-sw .ui-state-active a:visited  {background-color:#add4eb; color:#0d4d73!important;  border-top:2px solid #13426b; }

	#body.theme2 .tab-sw .ui-state-active a,
	#body.theme2 .tab-sw .ui-state-active a:link,
	#body.theme2 .tab-sw .ui-state-active a:hover,
	#body.theme2 .tab-sw .ui-state-active a:visited  {background-color:#0c6e88; color:#fff!important; border-top:2px solid #174b59; ; }


	/* Events
	------------------------------------------------------------ */
 	#body.theme1 table.t-gride .grid-item .e-date { color:#0d4d73}   
 	#body.theme2 table.t-gride .grid-item .e-date { color:#0c6e88}   
	#body.inside.theme1 table.t-gride .grid-item:hover .e-intro   { color:#0d4d73; }
	#body.inside.theme2 table.t-gride .grid-item:hover .e-intro   { color:#0c6e88; }


	/* News
	------------------------------------------------------------ */
	#body.theme1.news #news-wrapper .nw-item 		{ background-color:#fff; transition: all 0.3s ease-out;}
	#body.theme1.news #news-wrapper .nw-item:hover 	{ background-color:#bde5fd}
    #body.theme1.news #news-wrapper .nw-item:hover .nw-icon .nw-circle {   background-color: #567798; 
																	    -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);
																		   -moz-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);
																		        box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);}

	#body.theme2.news #news-wrapper .nw-item 		{ background-color:#fff; transition: all 0.3s ease-out;}
	#body.theme2.news #news-wrapper .nw-item:hover 	{ background-color:#77c3d8}
    #body.theme2.news #news-wrapper .nw-item:hover .nw-icon .nw-circle {   background-color: #0c6e88; 
																	    -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);
																		   -moz-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);
																		        box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.13);}


	#body.theme1 #legend         {   background-color:#0d4d73; color:#fff;}
	#body.theme2 #legend         {   background-color:#0c6e88; color:#fff;}


	/* Table
	------------------------------------------------------------ */
	#body.theme1 table.table-common tr th 	{ background-color:#004d73; }
	#body.theme2 table.table-common tr th 	{ background-color:#0c6e88; }


	/* ==========================================================================
	 Media Style
	============================================================================= */

	@media only screen and (max-width:1700px) {
	#body.theme1.inside { background:#bde5fd url(images/bg-theme1.gif); background-repeat: repeat-y; background-position:right top }
	#body.theme2.inside { background:#2c8faa url(images/bg-theme2.gif); background-repeat: repeat-y; background-position:right top }
	}
	
	@media only screen and (max-width:1200px) {
	#body.theme1.inside,
	#body.theme2.inside { background:#fff; background-image:none; background-repeat:none; }
	
	.inside .general h1   		{ font-size:210%; }
	.inside .general h2   		{ font-size:160%; }
	.inside .general h3   		{ font-size:140%; }
	.inside .general h4   		{ font-size:120%; }
	
    #body.theme1.news-inside .s-back		{ background-color:#add4eb}
    #body.theme2.news-inside .s-back		{ background-color:#8dc9d9}
	#body.theme1.news-inside .s-back .fa 	{ color:#567798}
	#body.theme2.news-inside .s-back .fa 	{ color:#333}

	#body.theme1.index table.t-title-blk-sm tr td:last-child a			{ color:#333; transition: all 0.3s ease-out;}
	#body.theme1.index table.t-title-blk-sm tr td:last-child a:hover	{ color:#0d4d73; }
	#body.theme2.index table.t-title-blk-sm tr td:last-child a			{ color:#333; transition: all 0.3s ease-out;}
	#body.theme2.index table.t-title-blk-sm tr td:last-child a:hover	{ color:#0c6e88; }
	}

	@media only screen and (max-width:767px) {
	#body.en .inside .general h1   		{ font-size:180%; }
	#body.en .inside .general h2   		{ font-size:140%; }
	#body.en .inside .general h3   		{ font-size:120%; }
	#body.en .inside .general h4   		{ font-size:105%; }

	#body.cn .inside .general h1   		{ font-size:200%; }
	#body.cn .inside .general h2   		{ font-size:170%; }
	#body.cn .inside .general h3   		{ font-size:130%; }
	#body.cn .inside .general h4   		{ font-size:115%; }

	}


	/* ==========================================================================
    Print
	============================================================================= */

	@media print {
	.inside .general h1   		{ font-size:30px}
	.inside .general h2   		{ font-size:24px; line-height:1.3}
	.inside .general h3   		{ font-size:20px; line-height:1.3}
	.inside .general h4   		{ font-size:16px; line-height:1.3}

	#body.theme1 header,
	#body.theme2 header 	{     -webkit-box-shadow: none;
    									 -moz-box-shadow: none;
    										  box-shadow: none;
    										  border-bottom: 1px solid #ececec}
	}