/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */


.container {
	padding-left: 0px;
	padding-right: 0px;
}
.row {
	width: 100%;
	max-width: 1030px; 
	min-width: 710px;
	margin: 0 auto;
	overflow: hidden;  
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.row .onecol {
	width: 4.85%;
}
.row .twocol {
	width: 13.45%;
}
.row .threecol {
	width: 22.05%;
}
.row .fourcol {
	width: 30.75%;
}
.row .fivecol {
	width: 39.45%;
}
.row .sixcol {
	width: 48%;
}
.row .sevencol {
	width: 56.75%;
}
.row .eightcol {
	width: 65.4%;
}
.row .ninecol {
	width: 74.05%;
}
.row .tencol {
	width: 82.7%;
}
.row .elevencol {
	width: 91.35%;
}
.row .twelvecol {
	width: 100%;
	float: left;
}
.last {
	margin-right: 0px;
}
img, object, embed {
	max-width: 100%;
}
img {
	max-width: 100%;
}


/* Smaller screens */




@media only screen and (max-width: 1024px) {
h3 {
	font-size: 30px;
	font-family: Calibri;
	font-style: normal;
	margin-bottom: 20px;
	color: #f40015;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 15px;
}	
.footer {
	float: left;
	padding-top: 20px;
	width: 100%;
	padding: 20px 20px 14px 0px;
	border-bottom: #FFFFFF 3px solid;
}
	
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 10px 50px 10px;
}
	
.left_box {
	float: left;
	padding-right: 15px;
	padding-top:4px;
}
	
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.top_left{  float:left;     }
.top_right{ float:right;  }
	
.top_sec2{ width:100%; float:left; background:#FFF;}
.left_sec2 { width:30%;
	float:left; margin:1%;
}
.header_left{ width:30%; float:left;}

.header_right{ width:57%; float:right;}

.nav {
	width:100%;
	float: left;
	
}
.nav ul {
	margin: 0px;
	padding: 0px;
}
.nav li {
	float: left;
	display: block;
	list-style: none;
	line-height:73px;

}
.nav li a {
	text-decoration: none; font-family: Arial;
	color: #FFFFFF; font-size:15px;
	padding: 0px 19px;
	text-decoration: none; display:block; border-left:#e2e2e2  1px solid; text-transform: uppercase; 
	
}
.nav li a:hover {
	background: #f40015;
	color: #FFF;
	
}
.nav li .active {
	background: #f40015;
	color: #FFF;
	
}	
.banner {
	width: 100%;
	float: left; height:300px !important; margin-bottom:0px; margin-top:-1px; 
}
.banner img {
	width: 100% !important; height:300px !important;
}
.name {
	font-size: 12px;
	color: #ababab;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
}
.name span {
	font-size: 14px;
	font-weight: bold;
}

.hh5 {
	padding-right: 27px;
	font-size: 13px;
}

h5 span {
	font-size: 17px;
	line-height: 24px;
}
}


@media handheld, only screen and (max-width: 960px) {
.right_box {
	width:61%;
	float: left;
}
	
.heding {
	width:98%;
	font-size: 18px; margin:0% 1%;
	color: #000000;
	font-family: Bodoni MT;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon.png) left top no-repeat;
	background-position: 0px 20px;
	padding-left: 75px;
	padding-top: 30px;
	padding-bottom: 30px;
}

h3 {
	font-size: 30px;
	font-family: Calibri;
	font-style: normal;
	margin-bottom: 20px;
	color: #f40015;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 15px;
}	
.footer {
	float: left;
	padding-top: 20px;
	width: 100%;
	padding: 20px 20px 14px 0px;
	border-bottom: #FFFFFF 3px solid;
}
	
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 10px 50px 10px;
}
	
.left_box {
	float: left;
	padding-right: 15px;
	padding-top:4px;
}
	
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.top_left{  float:left;     }
.top_right{ float:right;  }
	
.top_sec2{ width:100%; float:left; background:#FFF;}
.left_sec2 { width:30%;
	float:left; margin:1%;
}
.header_left{ width:30%; float:left;}

.header_right{ width:57%; float:right;}

.nav {
	width:100%;
	float: left;
	
}
.nav ul {
	margin: 0px;
	padding: 0px;
}
.nav li {
	float: left;
	display: block;
	list-style: none;
	line-height:73px;

}
.nav li a {
	text-decoration: none; font-family: Arial;
	color: #FFFFFF; font-size:15px;
	padding: 0px 15px;
	text-decoration: none; display:block; border-left:#e2e2e2  1px solid; text-transform: uppercase; 
	
}
.nav li a:hover {
	background: #f40015;
	color: #FFF;
	
}
.nav li .active {
	background: #f40015;
	color: #FFF;
	
}	
.banner {
	width: 100%;
	float: left; height:300px !important; margin-bottom:0px; margin-top:-1px; 
}
.banner img {
	width: 100% !important; height:300px !important;
}
.name {
	font-size: 12px;
	color: #ababab;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
}
.name span {
	font-size: 14px;
	font-weight: bold;
}

.hh5 {
	padding-right: 27px;
	font-size: 13px;
}

h5 span {
	font-size: 17px;
	line-height: 24px;
}

.corporate01 {
	width:25%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px; margin-left:10px;
}

.corporate:hover {
	width: 22%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}
.green {
	width: 18%;
	float: left;
	margin: 1%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.green:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.yelo {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.yelo:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.wight {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.wight:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.red {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.red:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.pink {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.pink:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

}









@media handheld, only screen and (max-width: 800px) {
.pat02{ width:66%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:112px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }
	
.heding {
	width:98%; margin:0% 1%; 
	font-size: 18px;
	color: #000000;
	font-family: Bodoni MT;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon.png) left top no-repeat;
	background-position: 0px 32px;
	padding-left: 75px;
	padding-top: 30px;
	padding-bottom: 30px;
}
	
.corporate01 {
	width: 28%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px; margin-left:10px;
}

.corporate:hover {
	width:28%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px; margin-left:10px;
}
.green {
	width: 18%;
	float: left;
	margin: 1%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.green:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.yelo {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.yelo:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.wight {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.wight:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}
.red {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.red:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.pink {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

.pink:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:22px;
}

h3 {
	font-size: 30px;
	font-family: Calibri;
	font-style: normal;
	margin-bottom: 20px;
	color: #f40015;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 15px;
}	
.footer {
	float: left;
	padding-top: 20px;
	width: 100%;
	padding: 20px 20px 14px 0px;
	border-bottom: #FFFFFF 3px solid;
}
	
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 10px 50px 10px;
}
	
.left_box {
	float: left;
	padding-right: 15px;
	padding-top:4px;
}
	
.bg_box1{ width:40%; float:right; padding-right:4%;	}
.top_left{  float:left;     }
.top_right{ float:right;  }
	
.top_sec2{ width:100%; float:left; background:#FFF;}
.left_sec2 { width:30%;
	float:left; margin:1%;
}
.header_left{ width:30%; float:left;}

.header_right{ width:57%; float:right;}

.nav {
	width:100%;
	float: left;
	
}
.nav ul {
	margin: 0px;
	padding: 0px;
}
.nav li {
	float: left;
	display: block;
	list-style: none;
	line-height:73px;

}
.nav li a {
	text-decoration: none; font-family: Arial;
	color: #FFFFFF; font-size:15px;
	padding: 0px 7px;
	text-decoration: none; display:block; border-left:#e2e2e2  1px solid; text-transform: uppercase; 
	
}
.nav li a:hover {
	background: #f40015;
	color: #FFF;
	
}
.nav li .active {
	background: #f40015;
	color: #FFF;
	
}	
.right_box {
	width:54%;
	float: left;
}
h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}

.text5 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: Calibri; text-align:justify;
	line-height: 18px; color:#000000; list-style:none; text-decoration:none;
}

.banner {
	width: 100%;
	float: left; height:300px !important; margin-bottom:0px; margin-top:-1px; 
}
.banner img {
	width: 100% !important; height:300px !important;
}
.name {
	font-size: 12px;
	color: #ababab;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
}
.name span {
	font-size: 14px;
	font-weight: bold;
}

.hh5 {
	padding-right: 27px;
	font-size: 13px;
}

h5 span {
	font-size: 17px;
	line-height: 24px;
}


}
@media handheld, only screen and (max-width: 799px) {

.section1 {
	width: 100%;
	float: left;
	position: absolute;
	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px; margin-top:-132px;
	height: 73px;
}
	

.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	
.section2 {
	background: #87beea;
	float: left;
	width: 100%; padding-left:0px;
}	
.footer {
	float: left;
	padding-top: 20px;
	width: 100%;
	padding: 20px 20px 70px 15px;
	border-bottom: #FFFFFF 3px solid;
}	
.corporate01 {
	width: 28%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width: 22%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}
.green {
	width: 18%;
	float: left;
	margin: 1%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width: 18%;
	float: left;
	margin: 1%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width: 18%;
	float: left;
	margin: 1%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.heding {
	width: 100%;
	font-size: 14px;
	color: #000000;
	font-family: Bodoni MT;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon.png) left top no-repeat;
	background-position: 0px 20px;
	padding-left: 75px;
	padding-top: 30px;
	padding-bottom: 30px;
}	
.equipment {
	width: 100%;
	float: left;
}
.equipment img{ width:50%;}

.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 10px;
}
.equipment img {
	padding: 10px; 
}

.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}


.right_box {
	width: 70%;
	float: left; 
}

.box_sec {
	 padding:10px 5px;
	float: left; margin:2% 0%; 
	
}	

.text3 {
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;   padding: 10px 0px;
    
	
}	


.text4 {
	color: #000;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
}

.menu_test {
	width: 75%;
	float: left;
	position: absolute;
	z-index: 999; 
}
.menu_test li {
	float: left;
	position: relative;

	list-style: none outside none; 
}
.menu_test a {
	color: #ffffff;
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 2px 10px;
}
.menu_test a:hover {
	color: #FFFFFF;
}



.logo_sec {
	width: 50%;
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 6px 17px; position:relative; z-index:99999; 
}
.header_left {
	float: left;
	padding-top: 0px;
	width: 18%; 
	padding-bottom: 22px;
}
.header_right {
	float: right;
	max-width:575px;
	width: 100%;
}
.mp {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	text-align: justify;
	width: 100%;
}

.coppy {

	float: left;

	margin: 20px 0px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text4 {
	color: #000;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;  
}

.more {
	width: 125px;
	float: left;
}
.more a {
	background: none repeat scroll 0 0 #000000;
	border-radius: 3px;
	color: #d4d4d4;
	display: inline-block;
	font-family: arial;
	font-size: 12px;
	padding: 7px 12px;
	text-decoration: none;
	text-transform: uppercase;
}
.more a:hover {
	background: #F00;
	color: #fff;
}

.left_sec {
	width: 55%;
	float: left;
}
.right_sec {
	width: 45%;
	float: left;
	padding-left: 108px;
	background: url(../images/line3.png) left top no-repeat;
	background-position: 58px -12px;
}
h5 {
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.text {
	color: #535353;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
.text2 {
	color: #7a7a7a;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

h5 {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
h5 span {
	font-size: 12px;
	line-height: 24px;
}
.doctor {
	margin-right: 10px;
}
.doctor img {
	margin-right: 10px;
}

}
 @media handheld, only screen and (max-width: 767px) {

body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
}
body {
}
.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

	.menu {
  display: none;
}
.header_left{
	 float:right; 
	width:85%;
	margin-bottom:20px; 
}

.header_right{
    float:right;
    
    
}
.hh5{
    font-size: 12px;
    padding-right: 5px;
}

.header1{
	display:block;
}


}

@media handheld, only screen and (max-width:736px) {
.pat01{ width:24%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:66%; float:left; border:#333 1px solid; margin:1%;font-size:25px; line-height:156px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
	 
.logo_sec { width:14%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding:6px 17px; position:absolute; z-index:999; margin-top:-50px;  
}

h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}


 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 

.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left;
	margin-bottom:-0px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:2px 14px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}
@media handheld, only screen and (max-width:667px) {
.pat01{ width:24%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:66%; float:left; border:#333 1px solid; margin:1%;font-size:25px; line-height:140px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
	 
.logo_sec { width:16%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 2px 17px; position:absolute; z-index:999; margin-top:-50px;  
}

h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}


 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 

.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-0px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:2px 14px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}
@media handheld, only screen and (max-width:640px) {
.pat01{ width:24%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:66%; float:left; border:#333 1px solid; margin:1%;font-size:25px; line-height:135px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
	 
.logo_sec { width:16%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 6px 17px; position:absolute; z-index:999; margin-top:-50px;  
}

h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}


 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 

.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 18px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}


@media handheld, only screen and (max-width:568px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
 
.logo_sec { width:18%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 6px 17px; position:absolute; z-index:999; margin-top:-50px;  
}


h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}
 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 24px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}


@media handheld, only screen and (max-width: 533px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
 
.logo_sec { width:18%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 6px 17px; position:absolute; z-index:999; margin-top:-50px;  
}


h2 {
	color: #f40015;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-variant: normal;
	font-style: normal;
	padding-bottom: 0px!important;
}
 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 24px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}
}


@media handheld, only screen and (max-width: 480px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
	 
.logo_sec { width:21%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding: 8px 17px; position:absolute; z-index:999; margin-top:-50px;  
}




 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 32px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}

@media handheld, only screen and (max-width: 414px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
	 
.logo_sec { width:23%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding:11px 17px; position:absolute; z-index:999; margin-top:-50px;  
}



 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box {
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 32px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}

@media handheld, only screen and (max-width:375px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 

.logo_sec { width:26%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding:10px 17px; position:absolute; z-index:999; margin-top:-50px;  
}



 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box { width:30%;
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 32px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}


@media handheld, only screen and (max-width:360px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }	
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 

.logo_sec { width:26%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding:10px 17px; position:absolute; z-index:999; margin-top:-50px;  
}



 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 


.left_box { width:30%;
	float: left;
	padding-right: 15px;
	padding-top:0px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
	.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 13px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;	
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	

.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 32px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}
	
}


@media handheld, only screen and (max-width:320px) {
.pat01{ width:100%; float:left; border:#333 1px solid; margin:1%; padding-left:20px; padding:10px;    }
.pat01 img{ width:100%; float:left;   }
.pat02{ width:100%; float:left; border:#333 1px solid; margin:1%;font-size:19px; line-height:40px; padding-left:20px;  font-family:Arial, Helvetica, sans-serif;  }
.footer_box1{ width:98%; float:left; margin:2% 1%;}
.footer_box2{ width:98%; float:left; margin:2% 1%;}
.footer_box3{ width:98%; float:right; margin:2% 1%;}	
.green {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #ffffff;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.green:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #c1df71;
	border-top: #c1df71 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.yelo:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e6b329;
	border-top: #e6b329 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #e9e5dc 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.wight:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #e9e5dc ;
	border-top: #e9e5dc 5px solid;
	color: #000;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}
.red {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.red:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#f40015;
	border-top: #f40015 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink {
	width:96%;
	float: left;
	margin: 1% 2%;
	background: #277d9c;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

.pink:hover {
	width:96%;
	float: left;
	margin: 1% 2%;
	background:#34d8db ;
	border-top: #34d8db 5px solid;
	color: #FFF;
	padding: 10px 0px;
	text-align: center;
	font-family: Calibri;
	font-size:20px;
}

	
.corporate01 {
	width: 88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px; margin-left:20px; text-align:center;
	border-radius: 7px 7px 0px 0px;
}

.corporate:hover {
	width:88%;
	float: left;
	background: #53b7d8;
	color: #FFF;
	font-family: Calibri;
	font-size: 23px;
	padding: 10px;
	border-radius: 7px 7px 0px 0px;
}	
.top_left{  float:right;     }
.top_right{ float:right;  }	
.online{   margin:10px 2px; }
.online a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }

.online a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
.online2{margin:10px 2px;  margin:10px 0px; }
.online2 a{   border-radius:4px; text-align:center; background:#db241c; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:5px 6px; display:block;  }
.online2 a:hover{   border-radius:4px; text-align:center;   background:#542a7d;   color:#FFF;    display:block; }
	 
.left_sec2 { width:98%;
	float:left; margin:1%;
}

.right_sec2 { width:98%;
	
	float:left; margin:1%;
}	 
 
.logo_sec { width:26%;
	
	float: left;
	background: url(../images/logobg.png) left top no-repeat;
	padding:19px 17px; position:absolute; z-index:9; margin-top:-50px;  
}




 
.navi2 {
	width: 100%;
	float: left;
}
.navi2 li {
	padding-left: 4px;
	list-style: none;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;

	line-height: 25px;
}	 



.left_box { width:30%;
	float: left;
	padding-right: 15px;
	padding-top:5px;
}
	 
.text2 {
	color: #7a7a7a;
	font-family: Arial, Helvetica, sans-serif;
	 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; text-align:justify;
}	 
.text3 {
	
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px 20px 0px;
}
.bg {
	background:#FFFFFF; 
	padding: 20px 0px;
}
.text {
	color: #535353;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0px 0px;
}
.bg2 {
	background: url(../images/bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 0px 50px 0px;
}
.banner { width:100%; float:left; height:166px;
	margin-bottom:-1px !important; margin-top:-0px;
}

.banner img { width:100%;
	height:166px;	
}


.header_left{ width:30%; float:left;}

.header_right{ width:62%; float:right;}
.bg_box1{ width:33%; float:right; padding-right:4%;	}
.coppy {
	float: left;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.oxford {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}
.oxford ul {
	margin: 0px;
	padding: 0px;
}
.oxford li {
	list-style: none;
}
.oxford li a {
	font-size: 18px;
	color: #FFFFFF;
	font-size: 12px;
}
.oxford li a:hover {
	font-size: 12px;
	color: #FFFFFF;
}

.section1 {
	width: 100%;
	float: left;

	background: url(../images/top_bg.png) left top repeat-x;
	padding-bottom: 30px;
	height: auto;
}
.section2 {
	background: #87beea;
	float: left;
	width: 100%; 
}	
.footer {
	float: left;
	
	width: 100%;
	padding: 20px 4px 20px 4px;
}


h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.bg {
	background: #FFFFFF;
	padding: 10px 20px;
}	
.heding {
	width: 100%;
	font-size:12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
	text-align: left; 
	background:url(../images/icon.png) left top no-repeat;
	background-position:0px 32px;
	padding-left:70px; 
	padding-top:30px; padding-right:20px;  
	padding-bottom:30px; 
}

.bg_box1{ width:98%; float:right; padding-right:0% ;	}
.top_sec2{ width:100%; float:left; background:#FFF;}

}