/***** All Pages *************************************/
html {
	height: auto;
	background-color: #FFFFFF;
	font-family: sans-serif;
	}
	
body {
	margin: 0px;
    padding-bottom: 80px;
}

a {
	text-decoration: none;
    outline: none;
	}

a:focus { outline: none;}

.footer {
    width: 100%;
    height: 80px;
    clear: both;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: small;
    color: #8C8C8C;
    background-color: rgba(255,255,255,0.95);
}

.footer span {
    float: none;
    height: 21px;
    line-height: 80px;
}

.footer img {
    width: 81px;
    height: 21px;
    position: relative;
    top: 2px;
}

.footer a {
    margin-left: 10px;
    padding: 3px 8px 3px;
    border-radius: 20px;
    background-color: #EEEEEE;
    color: #01AEB4;
}

.footer a:hover {
    background-color: #01AEB4;
    color: #FFFFFF;
}

.content {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    background-image: url(../images/noise.png);
    padding-top: 100px;
}

div [id *= "icon"] {
    margin-bottom: 40px;
}

.btnDownload {
    display: block;
    clear: left;
    width: 160px;
    height: 48px;
    line-height: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: medium;
    font-weight: bold;
    color: #F7DC54;
    background-color: rgba(0,0,0,0.5);
    border-radius: 24px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btnDownload:hover {
    background-color: #F7DC54;
    color: #000000;
}

.btnDownload .android:before, .btnDownload .iphone:before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 34px;
    float: left;
    margin-left: 30px;
    margin-top: 5px;
    background-image: url(../images/Android.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.btnDownload:hover .android:before {
    background-image: url(../images/Android_black_press.png);
}

.btnDownload:hover .android:before {
    background-image: url(../images/Android_press.png);
}

.btnDownload .iphone:before {
    background-image: url(../images/App_Store.png);
}

.btnDownload:hover .iphone:before {
    background-image: url(../images/App_Store_press.png);
}

/***** index ****************************************/

.headerTitle {
	text-indent: -9999px;
	background-image: url(../images/bealix_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 72px;
	margin-top: 66px;
	margin-bottom: 62px;
}

.landingMain {
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,0.05);
}

.warp {
    width: 963px;
    margin-right: auto;
	margin-left: auto;
    overflow: hidden;
}

.warp div {
    width: 240px;
    height: 240px;
    float: left;
    text-indent: -9999px;
}

.warp .dividingLine {
    width: 1px;
    height: 120px;
    background-color: #EBEBEB;
    margin-top: 60px;
}

.dividingLine.next {
    display: none;
}

.warp a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#btnBr {
    background-image: url(../images/imgBr.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBr:hover {
    background-color: #F45D55;
    background-image: url(../images/imgBrHover.png);
}

#btnBv {
    background-image: url(../images/imgBv.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBv:hover {
    background-color: #69656F;
    background-image: url(../images/imgBvHover.png);
}

#btnBa {
    background-image: url(../images/imgBa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBa:hover {
    background-color: #F7DC54;
    background-image: url(../images/imgBaHover.png);
}

#btnBi {
    background-image: url(../images/imgBi.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBi:hover {
    background-color: #186496;
    background-image: url(../images/imgBiHover.png);
}

#btnBm {
    background-image: url(../images/imgBm.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBm:hover {
    background-color: #E32448;
    background-image: url(../images/imgBmHover.png);
}

#btnBc {
    background-image: url(../images/imgBc.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBc:hover {
    background-color: #4D578C;
    background-image: url(../images/imgBcHover.png);
}

#btnBo {
    background-image: url(../images/imgBo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBo:hover {
    background-color: #BF357A;
    background-image: url(../images/imgBoHover.png);
}

#btnBs {
    background-image: url(../images/imgBs.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBs:hover {
    background-color: #35BF9A;
    background-image: url(../images/imgBsHover.png);
}

#btnBw {
    background-image: url(../images/imgBw.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#btnBw:hover {
    background-color: #C2A563;
    background-image: url(../images/imgBwHover.png);
}

/***** Agent ****************************************/

#bgAgent {
    background-image: url(../images/img_agent_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
    overflow: hidden;
}

#iconAgent {
    text-indent: -9999px;
    width: 201px;
    height: 181px;
    background-image: url(../images/imgBaLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

/***** Retail ****************************************/

#bgRetail {
    background-image: url(../images/img_retail_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}

#iconRetail {
    text-indent: -9999px;
    width: 190px;
    height: 174px;
    background-image: url(../images/imgBrLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_retail] {
    color: #FF554C;
}

a[class ~= btn_retail]:hover {
    background-color: #F45D55;
    color: #FFFFFF;
}

/***** intelligence ****************************************/

#bgBi {
    background-image: url(../images/img_bi_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBi {
    text-indent: -9999px;
    width: 303px;
    height: 181px;
    background-image: url(../images/imgBiLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bi] {
    color: #1CA5FF;
}

a[class ~= btn_bi]:hover {
    background-color: #1CA5FF;
    color: #FFFFFF;
}

/***** coordinator ****************************************/

#bgCoordinator {
    background-image: url(../images/img_coordinator_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBc {
    text-indent: -9999px;
    width: 303px;
    height: 181px;
    background-image: url(../images/imgBcLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bc] {
    color: #6272AA;
}

a[class ~= btn_bc]:hover {
    background-color: #4D578C;
    color: #FFFFFF;
}

/***** merchant ****************************************/

#bgMerchant {
    background-image: url(../images/img_merchant_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBm {
    text-indent: -9999px;
    width: 303px;
    height: 181px;
    background-image: url(../images/imgBmLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bm] {
    color: #E32448;
}

a[class ~= btn_bm]:hover {
    background-color: #E32448;
    color: #FFFFFF;
}

/***** order ****************************************/

#bgOrder {
    background-image: url(../images/img_order_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBo {
    text-indent: -9999px;
    width: 199px;
    height: 174px;
    background-image: url(../images/imgBoLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bc] {
    color: #E2338A;
}

a[class ~= btn_bc]:hover {
    background-color: #BF357A;
    color: #FFFFFF;
}

/***** supervisor ****************************************/

#bgSupervisor {
    background-image: url(../images/img_supervisor_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBs {
    text-indent: -9999px;
    width: 293px;
    height: 183px;
    background-image: url(../images/imgBsLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bs] {
    color: #35BF9A;
}

a[class ~= btn_bs]:hover {
    background-color: #35BF9A;
    color: #FFFFFF;
}

/***** warehouse ****************************************/

#bgWarehouse {
    background-image: url(../images/img_warehouse_bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
}


#iconBw {
    text-indent: -9999px;
    width: 297px;
    height: 183px;
    background-image: url(../images/imgBwLg.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

a[class ~= btn_bw] {
    color: #C2A563;
}

a[class ~= btn_bw]:hover {
    background-color: #C2A563;
    color: #FFFFFF;
}