/*desktop resolution at 1024x768*/
@media only screen and (max-width: 1024px){
	body{
		max-width: 1024px;
		min-width: 1000px;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smoothing: antialiased;
		overflow: scroll;
	}

	/*container wrap up the body*/
	#container{
		width: 90%;
		max-width: 1024px;
		min-width: 800px;
	}

	/*navigation*/
	#nav li {
		width: 140px;
		height: 100%;
		margin: 0;
		padding: 0 10px;
	}

	#nav li a span{
		font-size: 20px;
	}

	span.sb-icon{
		position: absolute;
		left: 20px;
		top:4px;
	}
	
	span.sb-icon:before {
	    line-height: 23px;
	    font-size: 23px;
	}

	#nav span.icon-home{
		margin-left: 10px;
	}

	#nav span.icon-basket{
		margin-left: -8px;
	}

	div#social-icon{
		width: 150px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		width: 40px;
		margin-right: 10px;
	}
	li#message{
		display: none;
	}

	/*footer*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 15px;
	}
	div#footer-content{
		font-size: 13px;
	}
	div#disclaimer p{
		font-size: 9px;
	}
	div#footer-content section ul li{
		text-indent: -35%;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	#contact-wrapper{
		margin: 8%;
		margin-top: 24%;
		margin-bottom: 5%;
		padding: 3%;
	}

	#contact-wrapper iframe{
		width: 700px;
		height: 400px;
		margin-top: 75px;
		left: 50%;
		margin-left: -350px;
	}
}

/*desktop resolution at 1280x800 and 1280x1024*/
@media only screen and (min-width: 1025px) and (max-width: 1280px) and (max-height: 1024px){
	body{
		min-width: 1200px;
		max-width: 1280px;
	}

	/*container section*/
	#container{
		width: 80%;
		max-width: 1280px;
		min-width: 960px;
	}

	/*footer section*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 16px;
	}
	div#footer-content{
		font-size: 14px;
	}
	div#disclaimer p{
		font-size: 10px;
	}
	div#footer-content section ul li{
		text-indent: -25%;
	}

	/*navigation bar section*/
	#nav a {
		line-height: 45px;
	}

	li#message{
		font-size: 2em;
		left: auto;
		right: -20px;
	}

	body.chnVersion li#message{
		margin-top: -24px;
		left: 40px;
	}

	div#social-icon{
		width: 230px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4.5em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	#contact-wrapper{
		margin: 8%;
		margin-top: 24%;
		margin-bottom: 5%;
		padding: 3%;
	}

	#contact-wrapper iframe{
		width: 700px;
		height: 400px;
		margin-top: 75px;
		left: 50%;
		margin-left: -350px;
	}
}

/*desktop resolution at 1366x768*/
@media only screen and (min-width: 1281px) and (max-width: 1366px) and (max-height: 768px){
	body{
		min-width: 1281px;
		max-width: 1366px;
	}

	/*container section*/
	#container{
		width: 80%;
		max-width: 1093px;
		min-width: 1024px;
	}

	/*footer section*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 16px;
	}
	div#footer-content{
		font-size: 14px;
	}
	div#disclaimer p{
		font-size: 10px;
	}
	div#footer-content section ul li{
		text-indent: -25%;
	}

	/*navigation bar section*/
	#nav a {
		line-height: 45px;
	}

	li#message{
		font-size: 2em;
		left: auto;
		right: -100px;
	}

	body.chnVersion li#message{
		margin-top: -27px;
		left: 120px;
	}

	div#social-icon{
		width: 240px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4.5em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	#contact-wrapper{
		margin: 8%;
		margin-top: 20%;
		margin-bottom: 5%;
		padding: 3%;
	}

	#contact-wrapper iframe{
		width: 800px;
		height: 420px;
		margin-top: 55px;
		left: 50%;
		margin-left: -400px;
	}
}

/*desktop resolution at 1440x900*/
@media only screen and (min-width: 1367px) and (max-width: 1440px) and (max-height: 900px){
	body{
		min-width: 1367px;
		max-width: 1440px;
	}

	/*container section*/
	#container{
		width: 80%;
		max-width: 1152px;
		min-width: 1093px;
	}

	/*footer section*/
	footer{
		height: 165px;
	}

	li#message{
		font-size: 2.1em;
		left: auto;
		right: -110px;
	}

	body.chnVersion li#message{
		left: 90px;
	}

	div#social-icon{
		width: 160px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	#contact-wrapper iframe{
		width: 870px;
		height: 420px;
		margin-top: 35px;
		left: 50%;
		margin-left: -435px;
	}

	body.chnVersion #contact-wrapper div{
		width: 46%;
	}

	body.chnVersion #contact-wrapper div:first-child{
		margin-left: 4%;
	}