/*------- CSS Design For Corporate Site --------*/
@import url(content.css);
body{
	margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding:0px;
	font-size:12px; color:#666666; background:url(../images/bg_page.gif);
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
dl,dt,dd,ul,ol,li,div{
	float:left; margin:0px; padding:0px; list-style-type:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0px; padding:0px;
}
a:link,a:visited{
	text-decoration:none;
}
a:hover,a:active{
	text-decoration:underline;
}
img{ border:0px;}
.wrapper{
	width:100%;
}
.wrapper .skyTop{
	width:100%; height:20px; overflow:hidden;
	border-bottom:2px solid #f86b24;
}
.wrapper .middleBox{
	width:100%; overflow:hidden;
	background:url(../images/tabred2.gif) repeat-x;
}
.containner{
	width:847px;
}
.containner .topOption{
	width:847px; height:88px;
}
.logoBox{
	width:328px; height:78px; padding:10px 0 0 10px; background:url(../images/tabred1.gif) no-repeat;
}
.logoBox img{
	border:0px;
}
.boxOption{
	width:509px; height:88px;
}
.boxOption .skynews{
	width:100%; height:20px; overflow:hidden; padding:5px 0; font-size:11px; color:#F5F9FD;
}
.boxOption .ourProduct{
	width:100%; height:43px; padding:23px 0; text-align:right;
}
.banner{
	width:847px; height:300px; overflow:hidden;
}
/*---------- Detail ----------*/
.boxDetail{
	width:847px; padding:5px 0 20px 0; overflow:hidden; background:#FFFFFF;
}
.boxDetail .leftSide{
	width:205px;
}
.boxDetail .rightSide{
	width:602px; padding:10px 20px 0 20px; overflow:hidden;
}
.boxDetail .rightSide p{
	line-height:16px;
}
.boxDetail .rightSide p.personal{
	padding:30px 10px; text-align:right; font-weight:bold; color:#333333;
}
.boxDetail .rightSide p.personal span{
	display:block; text-align:right; color:#777777; font-weight:normal;
}
.boxDetail .rightSide h1{
	height:28px; padding:12px 0 0 0; border-bottom:1px solid #d60000; font:normal 2em Arial, Helvetica, sans-serif;
}
.boxDetail .rightSide h1 span.left{
	float:left;
}
.boxDetail .rightSide h1 span.right{
	float:right; padding:10px 5px 0 5px; font-size:11px;
}
.boxDetail .rightSide h1 span.right a:link,.boxDetail .rightSide h1 span.right a:visited{
	color:#666666;
}
.boxDetail .rightSide h2{
	font:bold 1.2em Tahoma,Verdana, Arial, Helvetica, sans-serif; padding:20px 0;
}
.boxDetail .rightSide .content{
	width:602px; padding:5% 0 0 0; color:#777777; overflow:hidden;
}
.footer{
	width:98%; padding:10px 1% 0 1%; background-color:#e9e9e9; background:url(../images/logo_fg.gif) 750px 30px no-repeat; border-top:1px solid #000000; color:#222222; overflow:hidden;
}
.footer .menuBt{
	width:100%; font-size:11px; 
}
.footer .menuBt p{
	width:99%; height:20px; overflow:hidden; margin:0px; padding:0px 0 0 1%; background:url(../images/arrow1.gif) 0 5px no-repeat;
}
.footer .menuBt p a:link,.footer .menuBt p a:visited{
	padding:0px 5px 0 0;
}
.footer .menuBt p .subT{
	color:#000000;
}
.footer .copyright{
	width:100%; padding:5px 0; color:#666666;
}                 
                    
/*----------- Menu ------------*/
.boxMenu{
	width:205px;
}
.boxMenu li h1{
	width:205px; height:34px; margin:0px; padding:0px; overflow:hidden;   
}
.boxMenu li h1 span{
	background:url(../images/menu_top.gif) no-repeat; display:block; width:100%; height:100px;
}
.boxMenu li.menuBody{
	width:194px; padding:0 5px 0 6px; background:url(../images/menu_body.gif) repeat-y;
}
.boxMenu li.menuBody p.fgBanner{ width:194px; overflow:hidden;}
.boxMenu li.menuBody p{
	margin:0px; font-weight:bold; background:url(../images/line_menu.gif) repeat-x; 
}
.boxMenu li.menuBody p .mnList:link,.boxMenu li.menuBody p .mnList:visited{
	display:block; width:98%;  height:22px; padding:7px 0 0 2%; color:#323232; background:url(../images/line_menu.gif) repeat-x; overflow:hidden;
}
.boxMenu li.menuBody p .mnList:hover,.boxMenu li.menuBody p .mnList:active{
	display:block; background:url(../images/line_menu_over.gif) repeat-x; color:#990000; text-decoration:none;
}
.boxMenu li.menuBody p.mnNolink{
	display:block; width:98%;  height:22px; padding:7px 0 0 2%; color:#323232; background:url(../images/line_menu.gif) 0 0 repeat-x; overflow:hidden;
}
.boxMenu li.menuBottom{
	width:205px; height:7px; background:url(../images/menu_bottom.gif) no-repeat;
}
.boxMenu li.menuBody span{
	display:block; width:192px; padding:5px 0 5px 0; border-left:1px solid #e0e0e0; background:#f1f1f1; overflow:hidden;
}
.sub:link, .sub:visited{
	display:block; height:18px; padding:0 0 0 17px; font-weight:normal; background:url(../images/list_icon.gif) 0 5px no-repeat; color:#323232; overflow:hidden; font-size:11px;
}
.sub:hover, .sub:active{
	height:18px; background-color:#e1e1e1;
}
/*------------ Form Input Select ------------*/
.selectProduct{
	width:180px; height:20px; font-size:11px; border:1px solid #CCCCCC; background-color:#DDDDDD;
}
.selectProduct option{
	background:#EBEBEB;
}
/*------ Font and Color ------*/
.greyBold{
	color:#323232; font-weight:bold;
}
.clearAll{
	clear:both; margin:0px; padding:0px; line-height:0px;	
}