/*
	CSS - Skype.com
	BACKGROUNDS
*/


/* Foreground Wrapper
----------------------------------------------------------------------------------------------------*/
.con-left {
    overflow: visible;
}
#onlineService {
    overflow: visible;
}
#hd {
    display: block;
    margin: auto;
    width: 960px;
    max-width: 960px;
    min-width: 320px;
    padding: 0 30px;
    box-sizing: border-box;
    background-color: #E4EEF2;
}
.hd {
    display: block;
    margin: auto;
    width: 100%;
    height: 100px;
    background-color: #E4EEF2;
}
.click {
    display: block;
    margin: auto;
    width: 100%;
    margin-top: -20px;
    background-color: #E4EEF2;
}
.menu {
    width: 960px;
    height: 36px;
    min-width: 320px;
    /*padding: 0 30px;*/
    box-sizing: border-box;
    margin: 0 auto;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#86D5FB));
}
.voucher {
    margin-left: 0;
}
.form {
    margin-left: 0;
}
.tab_box .index-pcs .menud {
    margin-left: 244px !important;
}
.tab_box .menud {
    width: 164px;
}
.formp2 {
    margin-top: -37.5px;
}
.submit1 {
    outline: none;
}
.form {
    border-radius: 30px;
}
#play1 {
    margin-left: 0;
}
.foregroundWrapper {
	margin: auto;
    max-width: 990px;
    min-width: 320px;
    position: relative;
    width: 100%;
}

	.foregroundWrapper .foregroundItem {
		position: absolute;
		top: 0;
	}

		.foregroundWrapper .foregroundItem.anchorTop {
			top: 0;
		}

		.foregroundWrapper .foregroundItem.anchorBottom {
			bottom: 0;
		}

		.foregroundWrapper .foregroundItem.anchorLeft {
			left: 0;
		}

		.foregroundWrapper .foregroundItem.anchorRight {
			right: 0;
		}


/* Background Wrapper
----------------------------------------------------------------------------------------------------*/

.backgroundWrapper {
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

	header .backgroundWrapper {
		left: 50%;
	}


/* Background Images
----------------------------------------------------------------------------------------------------*/
/*

.backgroundWrapper img,
.backgroundWrapper .backgroundImage {
	display: block;
    margin: auto;
    max-width: 1800px;
    width: 100%;
}*/

/*.backgroundWrapper.backgroundImage {
    left: 50%;
}*/

.backgroundWrapper img {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 1800px;
    height: 1800px;
    left: -50%;
    position: relative;
    top: 0;
    width: 100%;
}


/* Background Colours - Solids
----------------------------------------------------------------------------------------------------*/

.backgroundWhite,
.whiteBackground {
    background-color: #FFFFFF;
}

.backgroundFog,
.fogBackground {
    background-color: #E4EEF2;
}

.backgroundDarkFog,
.darkFogBackground {
    background-color: #A2C5D3;
}

.backgroundBlue,
.blueBackground {
	background-color: #00AFF0;
}

.backgroundDark,
.darkBackground {
	background-color: #2B5464;
}

.backgroundNone,
.noBackground {
	background-color: transparent;
}

/* Change cascaded text colours */

.backgroundBlue h1,
.backgroundBlue h2,
.backgroundBlue h3,
.backgroundBlue h4,
.backgroundBlue h5,
.backgroundBlue p {
	color: #FFFFFF;
}

	.backgroundBlue a {
		color: #FFFFFF;
	}

	.backgroundBlue a:hover,
	.backgroundBlue a:focus {
		color: #EFEEF2;
	}

.backgroundDark h1,
.backgroundDark h2,
.backgroundDark h3,
.backgroundDark h4,
.backgroundDark h5,
.backgroundDark p {
	color: #FFFFFF;
}

	.backgroundDark a {
		color: #FFFFFF;
	}

	.backgroundDark a:hover,
	.backgroundDark a:focus {
		color: #EFEEF2;
	}


/* Background Colours - Gradients
----------------------------------------------------------------------------------------------------*/

.backgroundGradient {
	background-color: #E4EEF2;
    background: url("../images/backgrounds/bg-gradient-450.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-450.png*/ repeat;
    height: 450px
}

	.backgroundGradient_300 {
		background-color: #E4EEF2;
    	background: url("../images/backgrounds/bg-gradient-300.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-300.png*/ repeat;
	    height: 300px
	}

	.backgroundGradient_450 {
		background-color: #E4EEF2;
    	background: url("../images/backgrounds/bg-gradient-450.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-450.png*/ repeat;
	    height: 450px
	}

	.backgroundGradient_600 {
		background-color: #E4EEF2;
    	background: url("../images/backgrounds/bg-gradient-600.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-600.png*/ repeat;
	    height: 600px
	}

	.backgroundGradient_750 {
		background-color: #E4EEF2;
    	background: url("../images/backgrounds/bg-gradient-750.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-750.png*/ repeat;
	    height: 750px
	}

	.backgroundGradient_900 {
		background-color: #E4EEF2;
    	background: url("../images/backgrounds/bg-gradient-900.png")/*tpa=http://imgskype.gmw.cn/resource/images/backgrounds/bg-gradient-900.png*/ repeat;
	    height: 900px
	}

.backgroundGradient,
.backgroundGradient_300,
.backgroundGradient_450,
.backgroundGradient_600,
.backgroundGradient_750,
.backgroundGradient_900 {
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4EEF2 100%);
}