@charset "UTF-8";


/* ********************************************************* */
/* beeline-site-theme05*/
/* ********************************************************* */
/*@font-face {
font-family: 'GillSansStd';
src: url('../font/gillsansstd/gillsansstd.eot');
src: url('../font/gillsansstd/gillsansstd.eot?#iefix') format('embedded-opentype'),
		 url('../font/gillsansstd/gillsansstd.woff') format('woff'),
		 url('../font/gillsansstd/gillsansstd.ttf') format('truetype'),
		 url('../font/gillsansstd/gillsansstd.svg#gillsansstd') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* Form   ============================================================================= */
.form-tab{ font-size:12px !important;}
.form-element-label{ font-size:12px; margin-bottom:2px; color:#003; }
.form-element{ margin-bottom:10px;}

.section {clear: both; }
.section-inner{ width:98%;  margin-left:1%;}

.col {display: block;float:left; margin-left:1.6%;}
@media only screen and (max-width: 800px) {
	.col { margin-left:0;}
}
.col:first-child { margin-left: 0; } /*Not for IE6 and lower */

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%; }
.span_3_of_5 {width: 59.36%; }
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 800px) {
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 100%;}
.span_3_of_5 {width: 100%;}
.span_2_of_5 {width: 100%;}
.span_1_of_5 {width: 100%;}
}


/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 800px) {
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 100%;}
.span_4_of_6 {width: 100%;}
.span_3_of_6 {width: 100%;}
.span_2_of_6 {width: 100%;}
.span_1_of_6 {width: 100%;}
}

/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 800px) {
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 100%;}
.span_6_of_8 {width: 100%;}
.span_5_of_8 {width: 100%;}
.span_4_of_8 {width: 100%;}
.span_3_of_8 {width: 100%;}
.span_2_of_8 {width: 100%;}
.span_1_of_8 {width: 100%;}
}

body { background:#D1D2D4; overflow-y:scroll; }
#btnOpen { position:absolute; cursor:pointer; z-index:18; } 
.Container { position:relative;   }
.Container #btnClose { position:absolute; cursor:pointer; z-index:5; }
.Container #Container-scroll { overflow:auto; padding:0px 45px; height:100%; -webkit-overflow-scrolling: touch;}
.Container #Container-inner { position:absolute; left:32px; background:url('../image/common/content_bg.png') repeat; background-size:cover; width:630px;  padding:35px 0px; overflow:hidden; }
.Container #Container-inner-title { position:absolute;  }
.Container #Container-inner-sub { position:absolute; left:750px; background:url('../image/common/content_bg_small.png') repeat; padding:30px 0px; }
.Container #Container-inner-sub #Container-scroll { padding:0px 30px; }
.mainWidth { width:960px; margin:0px auto; padding:0px 0px; }
.beeline-header { position:relative; min-width:960px; }

.beeline-header #banner { width:100%; position:absolute; z-index:-1; }
.beeline-header #banner .bannerCur, .beeline-header #banner .bannerNext { background:no-repeat center; background-size:cover;  width:100%; height:100%; }
.beeline-header #banner .bannerCur { position:absolute; z-index:2; }
.beeline-header #banner .bannerNext { position:absolute; z-index:1; }

#Container-scroll { width:630px !important; } 
.jspContainer { width:630px !important; } 
.jspPane { width:540px !important; }
#menu { margin-top:-40px; margin-bottom:16px; position:relative; z-index:10; }
#menu div.left, #menu div.right { margin-top:40px; float:left; }
#menu div.left img, #menu div.right img { margin-bottom:0px; }
#menu div.right { margin-left:0px; float:right; }
#menu div.logo { margin:2px 46px; }

.subMenu { padding:16px 8px 0px 16px; position:absolute; left:0px; top:0px; z-index:20; font-size:12px; }
#subMenu_services { width:155px; margin-left:-5px; }
#subMenu_about_us { width:183px; }
.subMenu a { text-decoration:none; color:#FFF; font-weight:normal; line-height:1px; }
.subMenu a:hover { color:#00A0E8; }
.subMenu div { margin-bottom:10px; }

.beeline-footer-inner { padding:0px 0px 10px 0px; }

.beeline-footer-inner .left {float:left; margin-top:14px;}
.beeline-footer-inner .left .t_c, .beeline-footer-inner .left .privacy  { margin-left:16px; }
.beeline-footer-inner .right {float:right; }
.beeline-footer-inner .right img { float:right; margin-left:16px;}

.backgroundGroup { position:absolute; margin-left:8px;  }
.bg_button { background:#00A0E8; height:16px; width:16px; margin:0px 2px; float:left; cursor:pointer; }
.bg_button:hover, .bg_buttonAct { background:#0C223F !important;}