/*img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}*/
/* @group setting Global */
body{
background: #0b0b0b url('background/bg.jpg') no-repeat center top;
/*background: #17518D url('upload/background/2/oct_2016_black.jpg') no-repeat center top;*/
background-attachment: fixed;
background-position:top center;
font-family: "arial",tahoma,lucida grande,verdana,sans-serif;
color: #434343;
}
/* @end */

/* @group intro */
.clearboth{
        clear: both;
}
#intro{
	width: 955px;
	margin: 10px auto 20px;
}
#intro #top{	
	height: 20px;
	background: url('introHeader.png') no-repeat center top;
}
#intro #center{
	background-color:#002548;
	padding: 0px 20px;
	text-align: center;
}
#intro #center div{
	background-color: #FFFFFF;
        width: 915px;
}
#intro #center div img{
	vertical-align: middle;
}
#intro #bottom{
	background: url('introFooter.png') no-repeat center bottom;
	height: 86px;
	padding: 0px 10px;
}
#intro #bottom li{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#intro #bottom li a{
	height: 89px;
	line-height: 89px;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	margin: 0px 20px;/*80*/
	text-shadow: -2px -2px 4px #0154f5, 2px 2px 4px #1A59D3, 0px 0px 4px #1A59D3;
}
#intro #bottom li img{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	margin-right: 5px;/*5*/
}
#intro #bottom li span{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
/* @end */

/* @group Royal King */
#header-king #symbol > div img{
	width: 80px;
}
#header-king #navi{
	padding-left: 760px;
	width:277px;
	bottom: 10px;
}
#header-king #lang{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	margin: 4px 10px 0px 0px;
}
#ctnArea{
	padding: 10px;
	background-color: #000;
	min-height: 200px;
	_height: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#ctnArea h2{
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-shadow: -2px -2px 4px #0154f5, 2px 2px 4px #1A59D3, 0px 0px 4px #1A59D3;
	background: url('line05.png') no-repeat center bottom;
}
.area {
 	margin: 0 auto;
        margin-bottom: 15px;
        vertical-align: middle;        
}
/* @end */

/* @group header */
#header{
	padding: 0px 0px 0px 0px;
}
*:first-child+html #symbol{
	height: 149px;
}
#symbol h1{
	display: inline-block;
        font-size: 35px;
        color: #FFFFFF;
        line-height: 1;
}
#header #symbol h1{
        margin-top: 50px;
}
#header #symbol img{
	width: 80px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	*float: left;
}
#symbol h1 span{
	margin-top: 20px;
        
}
#symbol > div{
	float: right;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
#header #symbol > div img{
	width: 100px;
}
#header #lang{
	display: inline-block;
	text-align: right;
        margin: 5px 0px 0px 5px; 
}
#lang a{
	color: #fff;
	vertical-align: middle;
        font-weight: bolder;
        text-transform: uppercase;
}
#lang a:hover, .hili a:hover, .st .starNews li a:hover, .stripViewer h3 a:hover, .more:hover{
	text-decoration: underline;
}
#navi{
	position: relative;
	bottom: 8px;
}
.blur{
	color: #8a8a8a;
}
#nav{
	background: url('navBg.png') repeat-x 0 0;
	width: 850px;
	height: 32px;
	display: inline-block;
	vertical-align: top;
        text-align: center;
        position: relative; 
	*display: inline;
	*zoom: 1;
}
#nav li a{
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-size: small;
        font-weight: bolder;
	padding: 6px 15px 4px 15px;
	*display: inline;
	*zoom: 1;	
}
#nav li.current a, #nav li:hover a{
	text-shadow: -2px -2px 5px #00FFFF, 2px 2px 5px #00FFFF, 0px 0px 5px #00FFFF, 0px 0px 5px #00FFFF;
}
#magic-line { 
	position: absolute;
	bottom: -1px; 
	left: 0; 
	width: 100px; 
	height: 2px; 
	background-color: #61bce6;
	}
#searching{
	display: inline-block;
	vertical-align: top;
	margin-left: 3px;
	width: 95px;
	height: 28px;
	line-height: 23px;
	background: url('searchBg.png') no-repeat 0 0;
	position: relative;
	top: 5px;
	*display: inline;
	*zoom: 1;
        *margin-left: 2px;
}
#txtSearch{
	height: 15px;
	width: 60px;
	padding: 3px 5px 0px 10px;
	border: none;
	background: none;
}
#btnSearch{
	background: url('searchBtn.png') no-repeat 0 0 ;
        background-position: center;
	border: none;
	padding: 0px;
	width: 10px;
	height: 15px;
	cursor: pointer;
}
/* @end */

/* @group layout Container */

/* @group Uni */
a, .Equal .listNews a{
	color: #002D8F;
}
a:hover, .Equal .listNews a:hover{
	color: #1127ba;
}
h2.title{
	margin-bottom: 10px;
	font-size: 20px;
	color: #193359;
}
h3.topic{
	color: #002C8E;
	margin-bottom: 10px;
}
.hili{
	background: #020023 url('line01.jpg') no-repeat center bottom ;
	display: block;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
.hili, .hili a, .pager a, #footerCnt li a, #fleet dt, #fleet dd a{
	text-shadow: 1px 1px 3px #0089fe, -1px -1px 3px #0089fe;
	color: #fff!important;
}
.content-highlight li a, #boxHili a{
	color: #1678fe!important;#F12424
}
.content-highlight ul a:hover, #boxHili a:hover, .pager a:hover, #menu a:hover, #footerCnt li a:hover, .fullframe-left .col_right a:hover, .fullframe-right .col_left a:hover, .structure a:hover, #fleet p a:hover{
	color: #f0ea00!important;
}
.bg01{
	background: #1A54B8 url('newsListBg.jpg') repeat-x 0px 0px!important;
	color: #fff;
}
.bg02{
	background: #F12424;
	background: -moz-linear-gradient(top, #040a48 0%, #000033 50%, #1a54b8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#040a48), color-stop(50%,#000033), color-stop(100%,#1a54b8));
	background: -webkit-linear-gradient(top, #040a48 0%,#000033 50%,#030742 100%);
	background: -o-linear-gradient(top, #040a48 0%,#000033 50%,#1a54b8 100%);
	background: -ms-linear-gradient(top, #040a48 0%,#000033 50%,#1a54b8 100%);
	background: linear-gradient(top, #040a48 0%,#000033 50%,#1a54b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040a48', endColorstr='#1a54b8',GradientType=0 );
}
.Equal{
	margin-top: 15px;
}
.pager{
	background: #020023 url('line01.jpg') no-repeat center 0px ;
	display: block;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
        text-align: right;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
.pager li{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.pager li a{
	padding: 2px 5px;
}
.time{
	border: 1px dashed #ccc;
	border-right: none;
	border-left: none;
	padding: 5px 0px 5px 20px;
	background: #fff url('time.jpg') no-repeat 0 6px;
	font-size: 12px;
}
.time span, .time ul li{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.time ul{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	float: right;
	*position: relative;
	*bottom: 25px;
}
.time ul li{
	cursor: pointer;
/*	padding-left: 10px;*/
        height:25px;
}
/* @end */

/* @group Container Layout */
.container{
	background-color: #fff;
	padding: 10px;
	margin-bottom: 0px;
}
.content-left{
	margin: 10px 0px 0px 0px;
}
.content-left .col_main{
/*	height: 540px;*/
	width: 75%;
	*width: 74%;
}
.content-left .col_right{
/*    	height: 540px;*/
	width: 24%;
	margin-left: 1%;
	background: none;
	*margin-left: 1.5%;
}
.content-right .col_left{
	width: 24%;
	margin-right: 1%;
	background: none;
	min-height: 500px;
	_height: 500px;
	*margin-right: 1.5%;
}
.container.fullframe-left{
	padding: 0px;
	background: #fff url('containerBg.jpg') repeat-y 0 0;
}
.fullframe-left .content-left{
	margin: 0;
}
.fullframe-left .col_main{
	width: 75%;
	background-color: #fff;
}
.fullframe-right .col_main{
	width: 75%;
	*width: 74%;
	background-color: #fff;
}
.fullframe-left .col_right{
	width: 25%;
	margin-left: 0%;
	min-height: 500px;
	_height: 500px;
}
.container.fullframe-right{
	padding: 0px;
	background: #fff url('containerBg02.jpg') repeat-y 0 0;
}
.fullframe-right .title{
	margin-top: 10px;
}
/* @end */

/* @end */

/* @group content */

/* @group Home */
/* @group slide */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	width:940px;
	height:390px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url('load-indicator.gif') no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:640px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:270px;
	left:25px;
	width:580px;
	padding: 10px 0px;
	background:url(transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding: 8px 0;
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	padding:20px 8px 2px;
	line-height: 18px;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:640px;
	width:390px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:640px;
	float:left;
	position:relative;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
.lof-main-wapper li p.images{
	width: 640px;
	height: 390px;
	overflow: hidden;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width: 640px;
	height: 390px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	height:300px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
	background: url(arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}
.lof-navigator li h3{
	color:#FFF;
	font-size: 12px;
	line-height: 14px;
	height: 40px;
	overflow: hidden;
	padding: 5px 0 5px 0 !important;
	margin:0 0 0px 0;

}
.lof-navigator li div{
	background:#B80043 url('dataBg.jpg') repeat-x 0px 70%;
	color: #fff;
	height:100%;
	position:relative;
	margin-left:15px;
	padding: 0px 5px 0px 15px;
	border-top: 1px solid #E1E1E1;
	border-color: #1a54b8;
}
.lof-navigator li div iframe{
        float: right;
        border: none;
        height: 25px;
        overflow: hidden;
}
.lof-navigator li.active div{
	background: url(grad-bg.gif) repeat-x 0 0 #007ec0;
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.lof-navigator li a{
	color:#FFF;
	text-decoration:none;
}
/* @group Top -- */
.radiusT{
	-webkit-border-radius: 10px 10px 0px 0px!important;
	-moz-border-radius: 10px 10px 0px 0px!important;
	border-radius: 10px 10px 0px 0px!important;
}
/* @end */


/* @end */

/* @group Highlight -- */
.listHili{
	width: 55%;
	width: 54%;
	display: inline-block;
	vertical-align: top;
	*float: left;
}
#boxHili{
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 45%;
        height: 100%;
	overflow: hidden;
	*display: inline;
	*zoom: 1;
}
.data{
	padding-bottom: 10px;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
.data.st{
	background: #1b55b8 url('dataBg.jpg') repeat-x 0 0px;
        padding-bottom: 0px!important;
}
.data.st .starNews{
	overflow: auto;
	height: 233px;
        padding-top: 5px;
}
.data.st .starNews li a{
	color: #fff;
}
.data.nd{
	background: #fff url('line01.jpg') no-repeat center top;
	padding-top: 3px;
	padding-bottom: 0px!important;
}
.data.nd, .data.nd .hili{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.data.nd .starNews{
	border-left: 1px solid #0000a2;
        border-bottom: 1px solid #0000a2;
	overflow: auto;
	height: 233px;
        padding-top: 5px;
}
.data.nd .starNews li{
	background: url('iconStarBlue.png') no-repeat 0 3px!important;
}
.starNews li{
	background: url('iconStar.png') no-repeat 0 3px;
	padding-left: 20px;
	margin: 5px 10px;
	line-height: 18px;
}
#boxHili .images{
	width: 291px;
	max-height: 291px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	border: 2px solid #fff;
	margin-bottom: 10px;
}
#boxHili .images img{
        width: 291px;
}
#boxHili > div{
	padding: 10px;
}
/* @end */

/* @group btnBanner -- */
.btnBanner a{
	display: block;
	margin: 0px 0px 10px 3px;
	width: 220px;
	height: 80px;
}
/* @end */
/* @end */

/* @group nmd */
.hili a{
	display: inline-block;
	vertical-align: top;
        text-decoration: underline;
        font-weight: normal;
	*display: inline;
	*zoom: 1;
}
.hili a.right{
	*position:relative;
	*bottom: 30px;
}
.col_first{
	width: 550px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	word-spacing: 0.1em;
	font-size: 12px;
}
.col_second{
	width: 364px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.col_second .hili{
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}
.listNews{
	padding: 10px;
}
.listNews li{
	margin-bottom: 10px;
}
.listNews .images{
	width: 130px;
	height: 90px;
	overflow: hidden;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.listNews .images img{
	max-width: 130px;
	min-width: 90px;
	min-height: 90px;
}
.listNews div{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
        width: 300px;
	*display: inline;
	*zoom: 1;
}
.listNews div h3{
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
	color: #ffffff;
}
.listNews a{
	color: #1678fe;
}
.listNews div p{
	line-height: 18px;
}
.Equal .listNews{
	height: auto;
	padding: 10px 0px;
	font-size: 0px;
	word-spacing: 0px;
}
.Equal .listNews li{
	display: inline-block;
	vertical-align: top;
/*	margin-right: 10px;*/
	font-size: 12px;
	width: 455px;
        *display: inline;
	*zoom: 1;
	*width: 460px;	
}
.Equal .listNews li:nth-child(even){
	margin-right: 0px;
}
/* @end */

/* @group News */
#newsCnt{
	padding: 10px;
	background-color: #fff;
}
#newsCnt .title{
	line-height: 26px;
}
#newsCnt .images{
	margin: 15px 0px;
	text-align: center;
	display: block;
}
#newsCnt .images img{
	max-width: 690px;
}
#newsCnt p{
	margin-bottom: 10px;
	text-indent: 50px;
}
.relatedPic{
	padding: 5px;
	width: 230px;
/*	height: 149px;*/
        height: auto;
	overflow: hidden;
	margin-bottom: 10px;
        text-align: center;
}
.relatedPic img{
	max-width: 230px;
	min-width: 149px;
	min-height: 149px;
}
/* @end */

/* @group structure */
.structure{
	margin: 15px auto;
	width: 636px;
}
.structure td{
	width: 212px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}
.structure td a{
	padding: 10px;
	text-shadow: 1px 1px 3px #0089fe, -1px -1px 3px #0089fe;
	color: #fff!important;
}
.structure td.frame{
	background: #fff url('orgBg.jpg') no-repeat center top;
	width: 212px;
	height: 69px;
}
*:first-child+html .structure td.frame.ie7 a{
	text-align: center;  position:relative; left:34%;
}
.structure td.line01{
	background: #fff url('orgline01.jpg') repeat-y center top;
	height: 30px;
}
.structure td.line02{
	background: #fff url('orgline02.jpg') no-repeat center top;
	height: 1px;
}
.listmenu li{
	background: url('menuLine.png') no-repeat center bottom;
	padding: 5px 10px;
}
/* @end */

/* @group Slide Director */

.stripViewer{ 
	position: relative; 
	overflow: hidden; 
	width: 940px; 
	height:310px; 
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url('line03.png') no-repeat center bottom;
}
.stripViewer .panelContainer{position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel{ 
	float: left;
	width: 940px; 
	height: 100%; 
	position: relative; 	
}
.stripNavL, .stripNavR, .stripNav{ display: none; }
.sliderWrap .bucket{
	padding: 10px;
}	
.sliderWrap .bucket .images{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 225px;
	height: 250px;
	border: 1px solid #081437;
	overflow: hidden;
}
.sliderWrap .bucket .images img{
	max-width: 225px;
	min-width: 225px;
	min-height: 250px;
}	
.stripViewer ul{ 
	width: 655px;
	text-align: left; margin: 0 0px 0 30px; 
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.stripViewer h3, .stripViewer h3 a{
	font-size: 20px;
	color: #fcff19;
}
.stripViewer h4{
	margin-bottom: 5px;
}
.stripViewer ul .more{
	display: block;
}
.stripViewer label, .stripViewer dt{
	font-weight: bold;
	
	margin-right: 10px;
	color: #ff9b19;
}
.stripViewer dd{
	background: url('iconStar.png') no-repeat 0 3px;
	padding-left: 20px;
}
.nav-thumb{ border: 1px solid black; margin-right: 5px; }
#movers-row{ margin: 0px 0px 0px 9px; }
#movers-row div{ 
	display: inline-block; 
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 105px;
	margin: 5px 7px 5px 0px;
}
#movers-row a{
	margin-bottom: 5px;
}
#movers-row p{
	text-align: center;
	font-size: 11px;
}
#movers-row div a.cross-link{ float: right; }
.photo-meta-data span{ font-size: 13px; }
.cross-link	{ 
	display: block; 
	width: 105px; 
	height: 105px;
	overflow: hidden;
	margin-top: -14px; 
	position: relative; 
	padding-top: 15px; 
	z-index: 9999; 
}
.cross-link img{
	max-width: 105px;
	min-height: 105px;
	min-height: 105px;
}
.active-thumb{ background: transparent url(icon-uparrowsmallwhite.png) top center no-repeat; }

/* @end */

/* @group History */
.album{
	width: 820px;
	margin: 0 auto;
}
.album li{ 
	width: 225px; 
	height: 240px; 
	margin:20px;  
	border: 1px solid #ffffff; 
	overflow: hidden; 
	position: relative; 
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.album li:hover{
	border: 1px solid #08006c;
}
.album .images{
	width: 225px;
	height: 240px;
	overflow:hidden;
}
.album img{ 
	max-width: 225px;
	min-width: 225px;
	min-height: 240px;
        max-height: 240px;
	top: 0px; 
	left: 0px; 
	border: none; 
}
/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	cursor: default;
	background: #000;
	text-shadow: 1px 1px 0 #202020;
        width:auto!important;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}

/* @end */

/* @group Fleet */
#fleet dt{
	background: #020023 url('line04.jpg') no-repeat center 0px;
	height: 32px;
	padding: 0px 10px;
	line-height: 32px;
	font-size: 16px;
}
#fleet dd{
	width: 150px;
/*	height: 180px;*/
	overflow: hidden;
	padding: 0px 8px 0px 8px;
	margin: 10px 5px 0px 10px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#fleet dd .images{
	text-align: center;
	background: url('frameFleet.png') no-repeat center center;
	height: 122px;
	display: block;
	padding-top: 8px;
}
#fleet dd img{
	max-width: 105px;
	max-height: 105px;
}
#fleet p{
	text-align: center;
}
#fleet .sub{
	width: 905px;
	height: auto;
}
#fleet .sub dl{
	background: url('line05.png') no-repeat center bottom;
	margin-bottom: 15px;
}
#fleet .sub dt{
	background: url('iconStar.png') no-repeat 0 3px;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
}
#fleet dd dl dd{
	margin: 10px 5px;
}
/* @end */
dl.link{
	font-size: 0px;
	word-spacing: 0px;
}
dl.link dt{
	font-size: 16px;
	font-weight: bold;
}
dl.link dd{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	margin: 10px 4px;
	*margin: 10px 2px;
	width: 170px;
	height: 190px;
	line-height: 18px;
	overflow: hidden;
	text-align: center;
}
dl.link .images{
	background-color: #fff;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	border: 1px solid #ccc\9; 
	padding: 10px;
	margin: 10px 5px;
	width: 140px;
	height: 110px;
	display: block;
}
dl.link .images:hover{
	border: 1px solid #08006c;
}
dl.link img{
	max-height: 140px;
}
/* @end */

/* @group Footer */
#footer{
	background: url('footerBg.jpg') no-repeat 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 2px;
	min-height: 75px;
}
.footer-menu div{
        width: 960px;
}
.footer-menu div{
        background: url('footerMenuBg.png') repeat-x;
        background-color: #003260;
        width: 192px;
        float: left;
}
.footer-menu ul{
	background: url('line02.jpg') no-repeat right center;
	width: 172px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	min-height: 97px;
	height: 140px;
	/*กำหนดความสูงที่ต้องการเมื่อตัวอักษรหล่น*/

}
.nobg{
	background-image: none !important;
}
.footer-menu a, .fullframe-left .col_right a, .fullframe-right .col_left a, .stripViewer ul .more{
	color: #66CCFF;
}
#footerCnt {
	vertical-align: top;
	color: #fff;
	text-align: right;
        font-size: 11px;
	*display: inline;
	*zoom: 1;
}
#footerCnt .right{
	text-align: right;
}
/* @end */

/* @end */
.date{
        text-align: right;
        font-style: italic;
}
.listNews.bg01 div{
        width: 100% !important;
}
/*----update 22June 12-------*/

.errordesc{
	margin:0 auto;
	max-width:600px;
	display:block;
	padding:20px 20px 50px 20px ; 
	margin-top:100px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
        background: rgb(32,124,202);
        background: -moz-linear-gradient(top,  rgba(32,124,202,1) 4%, rgba(41,137,216,1) 7%, rgba(30,87,153,1) 99%, rgba(125,185,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(32,124,202,1)), color-stop(7%,rgba(41,137,216,1)), color-stop(99%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
        background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 4%,rgba(41,137,216,1) 7%,rgba(30,87,153,1) 99%,rgba(125,185,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(32,124,202,1) 4%,rgba(41,137,216,1) 7%,rgba(30,87,153,1) 99%,rgba(125,185,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(32,124,202,1) 4%,rgba(41,137,216,1) 7%,rgba(30,87,153,1) 99%,rgba(125,185,232,1) 100%);
        background: linear-gradient(top,  rgba(32,124,202,1) 4%,rgba(41,137,216,1) 7%,rgba(30,87,153,1) 99%,rgba(125,185,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 );

}
.errordesc p.errorp,h2.errorh{
	text-align:center;
        color:#fff;
}
.errorlay{
	margin:0 auto;
	max-width:600px;
	height:300px;
	background:url(warn.png) no-repeat center center;
	display:block;
}
/* @end */

/*-- home ---*/

li.homeright{
    float:right;
    margin-right:100px;/*100*/
}
li.homeleft{
    margin-left:100px; /*100*/
}   
.homelang{  /*หน้าแรกการเข้าสู่ระบบ*/
    float:right;
        width:150px; /*200 แก้ให้ฃ่องกว้างขึ้น*/
        display:inline;
        margin-top:5px;/*20 แก้ความสูงชองหัวตัวอักษร*/
        margin-left:-40px;/*-150 -40 แก้ความก้างของ ข้อความเข้าสู่เว็บไซต์*/ 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.homelang{
        float:right;
        width:150px; /*200 แก้ตรงส่วน login เข้าหน้าเว็บไซต์*/
        display:inline;
        margin-top:-5px!important; /*-70*/
        margin-left:-40px; /*-150*/
    }
}