@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px; font-family:Arial, Calibri, sans-serif; font-size:14px; color:#333;}
body2{margin:0px; padding:0px; font-family:Arial, Calibri, sans-serif; font-size:14px; color:#333; line-height : 1.6;}		/* New codes added - 03/07/2018 */
a{color:#0e03cb; text-decoration:none;}
a:hover{
	color: 000;
	text-align: center;
}
img{
	border: none;
	text-align: center;
}
.clear{clear:both;}
input, select{vertical-align:middle;}
h5{margin:0px; padding:0px; font-size:11px; line-height:13px; font-weight:lighter}
h4{margin:0px; padding:0px; font-size:13px; line-height:13px;}
h2{margin:0px; padding:0px; font-size:16px; line-height:16px; color:#0e03cb;}
h1{margin:0px; padding:0px; font-size:18px; line-height:18px; color:#0e03cb; text-transform:uppercase; font-weight:lighter}
h6{margin:0px; padding:0px; font-size:26px; line-height:18px; color:#0e03cb; text-transform:uppercase; font-weight:bold}
h7{margin:0px; padding:0px; font-size:14px; line-height:14px; font-weight:lighter}
h9{margin:0px; padding:0px; font-size:26px; line-height:18px; color:#7B7B7E; font-weight:bold}	/* New codes added - 03/07/2018 */
h10{margin:0px; padding:0px; font-size:14px; line-height:14px; color:#FD0B03; font-weight:bold}	/* New codes added - 03/07/2018 */

.green_btn{position:relative; padding:0px 10px; color:#fff; font-weight:bold; display:inline-block; background:url(../images/green_btn_bg.jpg) repeat-x; height:24px; line-height:24px; text-align:center;}
.green_btn:hover{color:#fef8ac;}
.green_btn_l{position:absolute; top:0px; left:0px;}
.green_btn_r{position:absolute; right:0px; top:0px;}
.tit_gray{color:#000; font-size:14px; display:block; padding:0px 0px 5px 0px;}
.color_green{color:#3bb54c;}

#header{width:960px; margin:10px auto 0px auto; position:relative; height:167px;}
#header2{width:960px; margin:10px auto 0px auto; position:relative; height:150px;}
#button{width:960px; margin:10px auto 0px auto; position:relative; height:160px; left: 20px;}
#col{width:938px; background-color: #c3c3c3; margin:8px auto 0px auto; position:relative; height:645px; left: 1px;}

.col1{height:633px; background-color: #ffffff; padding: 3px;}
.col2{height:220px; background-color: #ffffff; text-align: center; padding: 3px;}
.col3{height:280px; background-color: #f0f0f0; color: #FF0000; text-align: left; padding: 3px;}
.col4{height:470px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col5{height:1360px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col6{height:758px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col7{height:385px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col8{height:1805px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col9{height:4750px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col10{height:775px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}
.col11{height:540px; background-color: #ffffff; color: #0B2EE1; text-align: left; padding: 3px;}
.col12{height:800px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}	/* New codes added - 03/07/2018 */
.col13{height:1960px; background-color: #f0f0f0; color: #0B2EE1; text-align: left; padding: 3px;}	/* New codes added - 11/06/2018 */
.col_bottom{margin-top:-50px;}
.col_head{padding-bottom:15px;}
.snip{width:960px; margin:10px auto 0px auto; position:relative; text-align: left;}

.logo{margin-bottom: 0px;}

#col2{position:relative; width:20%; height:200px; top: 4em; background:#f0f0f0;}
#col3{position:relative; width:20%; height:200px; top: 4em; background:#f0f0f0;}
#col4{position:relative; width:20%; height:200px; top: 4em; background:#f0f0f0;}
#col5{position:relative; width:20%; height:200px; top: 4em; background:#f0f0f0;}

.top{position:absolute; height: 130px; width: 960px;}
.srch_div{position:absolute; top:15px;}
.srch_div a{color:#333;}
.srch_div a:hover{color:#0e03cb;}
.logo{
	position: absolute;
	left: -1px;
	top: -10px;
	bottom: 5px
}
.nav{position:absolute; height:36px; width:966px; left:-3px; right:0px; bottom:0px; top:140px; text-align:center; background:url(../images/nav_center_bg.jpg) no-repeat center;}
.nav2{position:absolute; height:36px; width:966px; left:-3px; right:0px; bottom:0px; top:130px; text-align:center; background:url(../images/nav_center_bg.jpg) no-repeat center;} /* New codes added - 03/07/2018 */
.nav_l{position:absolute; left:0px; top:0px; width:5%; background:#092687; z-index:1; height:36px; text-align:left;}
.nav_r{position:absolute; right:0px; top:0px; width:5%; background:#0e05c7; z-index:1; height:36px; text-align:right;}
.nav_content{position:absolute; height:36px; left:0px; top:0px; width:100%; z-index:10; color:#fff; font-weight:bold;}
.nav_ul{margin:0px; padding:0px; height:36px;}
.nav_li{float:left; list-style:none; margin-left:15px; position:relative; height:36px;}
.nav_link{display:block; height:36px; padding:0px 12px; text-align:center; color:#fff; font-size:13px; line-height:36px; text-transform:uppercase;}
.menu{background:#092784; white-space:nowrap; display:none; position:absolute; top:36px; left:0px; min-width:60px; }
.menu a{display:block; padding:6px 10px; color:#fff; border-top:1px #5368a9 solid;}
.menu a:hover{background:#464646; color:#fef8ac;}
.nav_li:hover .nav_link{color:#fef8ac;}
.nav_li:hover .menu{display:block;}
#banner{text-align:center; margin-top:10px;}
#banner2{text-align:center; margin-top:17px;}		/* New codes added - 03/07/2018 */
#container{width:960px; margin:20px auto 0px auto;}
#sub_container{width:260px; margin:20px 0px 0px 245px;}
#left{float:left;}
#right{float:left;}
.index_left{width:960px;}
.index_right{margin-left:30px; width:900px;}
.index_3pan{width:900px; height:270px; background:url(../images/index_3pan_bg.jpg) no-repeat; margin-top:20px;}
.in3pan{width:153px; height:300px; margin:0px 11px 0px 15px; float:left; padding-top:40px; *padding-top:50px; position:relative;}
.pan_tit{position:absolute ; left:0px; top:-10px; height:50px; width:153px; line-height:48px; height:48px; font-size:13px; font-weight:bold; color:#333;}
.pan_tit img{vertical-align:middle; margin-right:10px; float:left;}
.pan_tit span{padding-top:5px; display:block; float:left;}
.about_left{width:960px; margin-right:20px;}
.about_right{width:260px; position:relative; background:url(../images/right_pan_bg.jpg) repeat-x top; padding:10px 0px;}
.in_right{border-right:1px #ccc solid; border-left:1px #ccc solid; width:238px; padding:0px 10px;}
.right_pan_top{position:absolute; top:0px; left:0px;}
.right_pan_btm{position:absolute; bottom:0px; left:0px;}
.input_type1{border:1px #ccc solid;}
.prd_left{width:260px; position:relative; background:url(../images/right_pan_bg.jpg) repeat-x top; padding:10px 0px; margin-right:20px;}
.in_left{border-right:1px #ccc solid; border-left:1px #ccc solid; width:228px; padding:0px 15px;}
.prd_right{width:960px;}
.left_line{margin:10px 0px 0px 0px; border-top:1px #ccc solid; height:10px;}

#footer{background:#f0f0f0; position:static; border-top:1px #ccc solid; padding:10px; margin:20px auto 0px auto; width:960px;}
#footer a{color:#333;}
#footer a:hover{color:#0e03cb;}
.footer_left{float:left;}
.footer_right{float:right;}
.footer_right a{padding:0px 5px; color:#333;}

img.border {
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	border-radius: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}

img.left {
	margin: 10px 10px 10px 10px; float:right;
}
img.right {
	margin: 0 0 10px 10px;
}

table.prolist td {
	padding: 0 5px 10px 5px;
}

.underline {
    text-decoration: underline;
}

#gsearch {
	width: 126px !important; 
	float: left !important; 
	line-height: 18px !important; 
	height: 18px !important;
	padding: 2px !important;
	border-right: 0 !important;
	border-color: #ccc !important;
	font-family: Arial, Helvetica, sans-serif;
}


/* New codes added - 03/07/2018 */


h111, h333{
  text-transform: uppercase;
  font-weight: normal;
}

.tabs{
    width: 960px;
    display: block;
	margin:0px; padding:0px;
    position: relative;
	margin-top:30px;
    margin-bottom:50px;
}

.tabs .tab{
    float: left;
    display: block;
}

.tabs .tab>input[type="radio"] {
    position: absolute;
   
}

.tabs .tab>label {
    display: block;
    padding: 6px 21px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
	border-top-left-radius  : 10px;
    color: #303030;
    background: #DFDFDF;
}

.tabs .content {
    z-index: 0;/* or display: none; */
    overflow: hidden;
    width: 920px;
    padding: 20px;
    position: absolute;
    top: 27px;
    left: 0;
    background: #DFDFDF;
    color: #303030;
    
    opacity:0;
    transition: opacity 400ms ease-out;
}

.tabs>.tab>[id^="tab"]:checked + label {
    top: 0;
    background: #303030;
    color: #F5F5F5;
}

.tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"] {
    z-index: 1;/* or display: block; */
   
    opacity: 1;
    transition: opacity 400ms ease-out;
}

.vtab {
    float: left;
    border: 1px solid #ccc;
    background-color: #ffffff;
    width: 14.6%;
    height: 100%;
}

/* Style the buttons that are used to open the tab content */
.vtab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.vtab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.vtab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.vtabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}

.TextBox {
    background-color: white;
    width: 180px;
    padding: 25px;
    border: 2px solid gray;
}
.BlanktBox {
    background-color: white;
    width: 120px;
    padding: 25px;
    border: 2px white;
}