@charset "UTF-8";
/*---CWC ---*/
	
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{
	margin: 0;
	padding:0;
	list-style: none;
	text-decoration: none;
	 font-family: "Nanum Gothic","Helvetica","Arial","Microsoft Yahei","微软雅黑","STXihei","华文细黑", sans-serif;
	 color: #333;
}

html, body{
	width: 100%;
	height: 100vh;
}
body{
	position: absolute;
}

a{
	color: inherit;
}

.w1200{
	width: 960px;
	outline: blue 0px solid;/**/
	margin: 0 auto;
}
/*------------ bg ------------*/
#bg{
	position: absolute;
	z-index: -10;
	width: 100%;
	min-height: 6000px;
	background: url(../img/bg/bg.jpg);
	}

	#bg>ul{

	}
		#bg>ul>li{
			height: 1000px;
		}

		#bg>ul>li:nth-child(4n+1){
			background: url(../img/bg/bg1.jpg) center 0px;
		}
		#bg>ul>li:nth-child(4n+2){
			background: url(../img/bg/bg2.jpg);
		}
		#bg>ul>li:nth-child(4n+3){
			background: url(../img/bg/bg3.png);
		}
		#bg>ul>li:nth-child(4n+4){
			background: url(../img/bg/bg4.png);
		}
		#bg>ul>li:first-child{
			height: 1300px;/*Adjust This*/
			max-height: ;
		}
		#bg>ul>li:nth-child(5){
			height: 1200px !important;
		}
		#bg>ul>li:nth-child(6){
			height: 1200px !important;
		}
/*------------ Header ------------*/

header{
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	background: rgba(129, 10, 15, 0.9);
	height: 70px;

}
header>div.w1200{
	position: relative;
}
	header>div.w1200>h1{
		margin-top: 10px;
	}
		header>div.w1200>h1>a{
			display: block;
			background: url(../img/logo/cwc_logo.png) center center no-repeat;
			background-size: contain;
			width: 230px;
			height: 60px;
		}

	header>div.w1200>ul{
		position: absolute;
		bottom: 5px;
	}
		header>div.w1200>ul#topMenu{
			right: -20px;
			bottom: 10px;
		}
		header>div.w1200>ul#lang{
			bottom: 38px;
			right: 0px;
			font-size: 0.7em;
		}
		header>div.w1200>ul#lang>li{
			display: inline-block;
			color: white;
		}
		header>div.w1200>ul#lang>li:before{content:" / "}
		header>div.w1200>ul#lang>li:first-child:before{content:" "}

		header>div.w1200>ul#topMenu>li{
			display: inline-block;
			color: indianred;
			margin-right: 20px;

		}
		header>div.w1200>ul#ham{
			right: 0;
			bottom: 20px;
			cursor: pointer;
			display: none;
		}
		header>div.w1200>ul#ham>li{
			width: 50px;
			height: 4px;
			border-radius: 2px;
			background: white;
			margin: 10px 0px;
			transition:all 0.2s ease-in-out;
			transform-origin:;
		}
		header>div.w1200>ul#ham:hover li:first-child{
			transform:rotate(45deg) translate(10px, 11px);
		}
		header>div.w1200>ul#ham:hover li:nth-child(2){
			opacity: 0;
		}
		header>div.w1200>ul#ham:hover li:last-child{
			transform:rotate(-45deg)translate(9px, -11px);
		}
.currentm{
	color: white !important;
}		
/*------------ Aside ------------*/
aside{
	position: fixed;
	z-index: 10;
	width: 900px;
	height: 100vh;
	right: -1000px;
	top: 0;
	transition:all 0.2s ease-in-out;
}
	aside>ul{
		position: relative;
		width: 100%;
		height: 100%;
	}
		aside>ul>li{
			position: absolute;
			width: 100%;
			height: 100%;
			background:rgba(225,225,225,0.9);
			box-shadow: -2px 2px 2px 2px rgba(0,0,0,0.2);
		}
			aside>ul>li>span{
				position: absolute;
				left: -40px;
				top: 20px;
				display: inline-block;
				width: 30px;
				height: 30px;
				border-radius: 50%;
				background: url(../img/icon/exit_white.png) no-repeat center center maroon;
				background-size: cover;
				text-align: center;
				line-height: 30px;
				cursor: pointer;
				transition:all 0.2s ease-in-out;
			}
			aside>ul>li>span:hover{
				box-shadow: 0px 0px 0px 4px white;
				background: ;
				transition:all 0.2s ease-in-out;
			}
			aside>ul>li>em{
				display: block;
				background:tomato;
				width: 90%;
				height: 300px;
				margin: 20px 5%;
				color: transparent;
			}
			aside#poAs>ul>li>em{
				width: 
			}
			aside>ul>li>h4{
				margin: 5px 50px;
			}
			aside>ul>li>h4>i{
				color: dimgrey;
				font-size: 0.9em;
			}
			aside>ul>li>p{
				margin: 10px 50px;
				transition:all 0.2s ease-in-out;
				line-height: 22px;
			}
			aside>ul>li>ul{
				margin: 10px 70px;
				transition:all 0.2s ease-in-out;
			}
				aside>ul>li>ul>li{
					display: inline-block;
					vertical-align: top;
					width: 48%;
					line-height: 25px;
				}
				aside>ul>li>ul>li.w100{
					width: 100%;
				}
				
			aside>ul>li>p:hover{
				color: maroon;
			}
			aside>ul>li>ul:hover li{
				color: maroon;
			}

	/*------------ aside photos ------------*/	
	aside#buAs>ul>li:nth-child(1)>em{
		background: url(../img/03_1buAs/3_1.png) no-repeat center center;
		background-size: contain;
	}
	aside#buAs>ul>li:nth-child(2)>em{
		background: url(../img/03_1buAs/3_2.png) no-repeat center center;
		background-size: contain;
	}
	aside#buAs>ul>li:nth-child(3)>em{
		background: url(../img/03_1buAs/3_3.png) no-repeat center center;
		background-size: contain;
	}
	aside#buAs>ul>li:nth-child(4)>em{
		background: url(../img/03_1buAs/3_4.png) no-repeat center center;
		background-size: contain;
	}
	aside#buAs>ul>li:nth-child(5)>em{
		background: url(../img/03_1buAs/3_5.png) no-repeat center center;
	background-size: contain;
	}
	aside#buAs>ul>li:nth-child(6)>em{
		background: url(../img/03_1buAs/3_6.png) no-repeat center center;
	background-size: contain;
	}
	


	/*------------ aside photos ------------*/	
	aside#poAs>ul>li:nth-child(1)>em{
		background: url(../img/04_1poAs/4_1.jpg)no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(2)>em{
		background: url(../img/04_1poAs/4_2.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(3)>em{
		background: url(../img/04_1poAs/4_3.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(4)>em{
		background: url(../img/04_1poAs/4_4.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(5)>em{
		background: url(../img/04_1poAs/4_5.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(6)>em{
		background: url(../img/04_1poAs/4_6.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(7)>em{
		background: url(../img/04_1poAs/4_7.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(8)>em{
		background: url(../img/04_1poAs/4_8.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(9)>em{
		background: url(../img/04_1poAs/4_9.png) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(10)>em{
		background: url(../img/04_1poAs/4_10.jpg) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(11)>em{
		background: url(../img/04_1poAs/4_11.jpg) no-repeat center center;
	background-size: contain;
	}
	aside#poAs>ul>li:nth-child(12)>em{
		background: url(../img/04_1poAs/4_12.jpg) no-repeat center center;
	background-size: contain;
	}


/*------------ Section General ------------*/
section{
	border-top: 1px solid white;
}
	section>div{
		border-top: 1px solid white;
		padding: 50px 0;
		background: white; /*rgba(225,225,225,0.3)*/
		margin-bottom: 400px;
		box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);

	}
	section>div:first-child{
		box-shadow: none;
	}
	section>div:last-child{
		margin-bottom: 0px;
	}

		section>div>div.w1200{

		}
			section>div>div.w1200>h3{
				margin: 10px;
				font-size: 2.4em;
			}	
				section>div>div.w1200>h3>i{
					font-style: normal;
					font-size: 1.2em;
				}
				section>div>div.w1200>h3>em{
					color: maroon;
					font-style: normal;
					font-size: 1.2em;
				}
/*------------ Section > main  ------------*/
	section>div#main{
		height: 400px;
		min-height: 200px;
		background: url(../img/sample/bg01.png)center bottom;
		background-size: cover;
		background-attachment: fixed;
		border-top: transparent 1px solid;
		box-sizing: border-box;
	}
		section>div#main>div.w1200>h2{
			margin-top: 200px;
			font-size: 4em;
			color: black;	
		}
			section>div#main>div.w1200>h2>em{
				color: maroon;
				font-style: normal;
				font-size: 1.2em;
			}
		#main>div.w1200>p{
				width: 90%;
				margin: 20px 0;
				line-height: 30px;
				color: black;
				font-weight: bold;
		}
		#main>div.w1200>h4{width:90%;}
/*------------ Section > About Us ------------*/
	section>div#abUs{
		background: ;
	}
		section>div#abUs>div.w1200{

		}
			section>div#abUs>div.w1200>p{
				line-height: 25px;
				transition:all 0.2s ease-in-out;
				height: 400px;
				outline: red 0px solid;/**/
			}
			section>div#abUs>div.w1200>p:hover{
				color: maroon;
				transition:all 0.2s ease-in-out;
			}
				
/*------------ Section > Service ------------*/
	section>div#serv{

	}
		section>div#serv>div.w1200{

		}
			section>div#serv>div.w1200>ul{

			}
				section>div#serv>div.w1200>ul>li{
					display: inline-block;
					vertical-align: top;
					width: 21%;
					padding: 2%;
				}
					section>div#serv>div.w1200>ul>li>h4{
						border: maroon 1px solid;
						color: maroon;
						text-align: center;
						margin: 10px auto;
						padding: 5px 0;
						transition:all 0.3s ease-in-out;
					}
					section>div#serv>div.w1200>ul>li>p{
						color: #999;
						transition:all 0.3s ease-in-out;
						line-height: 22px;
						height: 400px;
						outline: red 0px solid;/**/
					}
					section>div#serv>div.w1200>ul>li:hover h4{
						background: maroon;
						color: white;
					}
					section>div#serv>div.w1200>ul>li:hover p{
						color: maroon;
					}

/*------------ showCase  ------------*/
ul.showCase{

}
	ul.showCase>li{
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		height: 200px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		opacity: ;
	}
	
		ul.showCase>li>span{
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			transition:all 0.2s ease-in-out;
		}
			ul.showCase>li>span>b{
				display: block;
				position: absolute;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../img/showCase/gradient.png) center left no-repeat;
				background-size: cover;
				right:-200px;
				transition:all 0.2s ease-in-out;
				
			}
		ul.showCase>li>em{
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			color: white;
			text-align: center;
			background: rgba(225,225,225,0.1);
			
			transition:all 0.2s ease-in-out;
		}
			ul.showCase>li>em>i{
				display: inline-block;
				margin-top: 80px;
				line-height: 28px;
				font-size: 1.5em;
				text-align: center;
				color: white;
				opacity: 0;
			}
			ul.showCase>li>em>i.up20{
				margin-top: 60px !important;
			}

		ul.showCase>li:hover span{
			transform:scale(1.2);
		}
		ul.showCase>li:hover span>b{
			transform:translateX(-16px);
			right: 0;
		}
		ul.showCase>li:hover em{
			background: rgba(0,0,0,0);

		}
		ul.showCase>li:hover em>i{
			color: ;
			font-size:;
			opacity: 1;
		}

.bfr-showing{
	opacity: 0.2;
}
.is-showing{
	opacity: 1 !important;
}
/*------------ Section > Business ------------*/
	section>div#busi{

	}
		section>div#busi>div.w1200{

		}
			section>div#busi>div.w1200>ul{

			}
				section>div#busi>div.w1200>ul>li{
					display: inline-block;
					height: 200px;
				}
				section>div#busi>div.w1200>ul>li{

				}
					section>div#busi>div.w1200>ul>li:nth-child(1)>span{
						background: url(../img/03busi/3_1.png) center center no-repeat;
						background-size: cover;
					}	
					section>div#busi>div.w1200>ul>li:nth-child(2)>span{
						background: url(../img/03busi/3_2.png) center center no-repeat;
						background-size: cover;
					}
					section>div#busi>div.w1200>ul>li:nth-child(3)>span{
						background: url(../img/03busi/3_3.png) center center no-repeat;
						background-size: cover;
					}
					section>div#busi>div.w1200>ul>li:nth-child(4)>span{
						background: url(../img/03busi/3_4.png) center center no-repeat;
						background-size: cover;
					}	
					section>div#busi>div.w1200>ul>li:nth-child(5)>span{
						background: url(../img/03busi/3_5.png) center center no-repeat;
						background-size: cover;
					}
					section>div#busi>div.w1200>ul>li:nth-child(6)>span{
						background: url(../img/03busi/3_6.png) center center no-repeat;
						background-size: cover;
					}


/*------------ Section > Portfolio ------------*/
	section>div#port{

	}
		section>div#port>div.w1200{

		}
			section>div#port>div.w1200>ul{

			}
				section>div#port>div.w1200>ul>li{
					
				}
					section>div#port>div.w1200>ul>li:nth-child(1)>span{
						background: url(../img/04port/4_1.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(2)>span{
						background: url(../img/04port/4_2.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(3)>span{
						background: url(../img/04port/4_3.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(4)>span{
						background: url(../img/04port/4_4.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(5)>span{
						background:  url(../img/04port/4_5.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(6)>span{
						background: url(../img/04port/4_6.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(7)>span{
						background: url(../img/04port/4_7.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(8)>span{
						background: url(../img/04port/4_8.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(9)>span{
						background: url(../img/04port/4_9.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(10)>span{
						background: url(../img/04port/4_10.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(11)>span{
						background:  url(../img/04port/4_11.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(12)>span{
						background: url(../img/04port/4_12.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(13)>span{
						background: url(../img/04port/4_1.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(14)>span{
						background:  url(../img/04port/4_2.jpg) center center no-repeat;
						background-size: cover;
					}
					section>div#port>div.w1200>ul>li:nth-child(15)>span{
						background: url(../img/04port/4_3.jpg) center center no-repeat;
						background-size: cover;
					}

/*------------ Section > Gallery ------------*/
	section>div#gall3{

	}
		section>div#gall3>div.w1200{

		}
			section>div#gall3>div.w1200>div{
				
			}
				section>div#gall3>div.w1200>div>div{
				
				}
					section>div#gall3>div.w1200>div>div>div{
						display: inline-block;
						vertical-align: top;
						width: 200px;
						height: 200px;
						margin: 20px;
						box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
					}
						section>div#gall3>div.w1200>div>div>div>a{
							
						}
						section>div#gall3>div.w1200>div>div>div>a>img{
							width: 200px;
							height: 200px;
						}
/*------------ Gallery ------------*/
section>div#gall{

	}
		section>div#gall>div.w1200{

		}
			section>div#gall>div.w1200>span{
				display: block;
				width: 100%;
				height: 500px;
				outline: 0px maroon solid;
				margin:20px auto;
				letter-spacing:;
				overflow: hidden;
			}
				section>div#gall>div.w1200>span>img{
					height: ;
				}
			section>div#gall>div.w1200>div{
				background: ;
				overflow-x:hidden;
				height: 150px;
				width: 100%;
				position: relative;
			}
				section>div#gall>div.w1200>div>ul.imgGroup{
					width: 2000px;
					position: absolute;
					top: 0;
					left: 0;
					right:0;
					transition:all 0.5s ease-in-out;
				}
					section>div#gall>div.w1200>div>ul.imgGroup>li{
						display: inline-block;
						vertical-align: top;
						width: 150px;
						height: 150px;
						background: maroon;
						overflow-y:hidden; 
						margin-right: 20px;
						cursor: pointer;
					}
				section>div#gall>div.w1200>div>ul.btnGroup{
					position: absolute;
					z-index: 2;
					top: 50px;
					width: 100%;
				pointer-events:none;
				}
					section>div#gall>div.w1200>div>ul.btnGroup>li{
						width: 50px;
						height: 50px;
						outline: green solid 0px;
						opacity: 0.2;
						transition:all 0.3s ease-in-out;
						pointer-events: initial;
						cursor: pointer;
					}
					section>div#gall>div.w1200>div:hover ul.btnGroup>li{
						opacity: 1;
					}
					section>div#gall>div.w1200>div>ul.btnGroup>li:first-child{
						background: url(../img/icon/prev.png) no-repeat center center;
						background-size: contain;
					}
					section>div#gall>div.w1200>div>ul.btnGroup>li:last-child{
						background: url(../img/icon/next.png) no-repeat center center;
						background-size: contain; 
						position: absolute;
						right: 0;
						top: 0;
					}				
.right{
	left:-800px !important;
}
.left{
	left: 0px;
}					


/*------------ Section > Client ------------*/
#trans{
	position: fixed;
	z-index: 12;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	display: none;
	
}
	#trans>span{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(225,225,225,0.8);
	}
	#trans>div{
		position: absolute;
		height: 400px;
		width: 960px;
		left: 50%;
		top: 40%;
		transform:translate(-50%, -50%);
		transition:all 0.5s ease-in-out;
	}
		#trans>div>img{
			outline: gold 1px solid;
			height: 100%;
			text-align: center;
			box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
		}
		#trans>div>span{
			position: absolute;
			left: -40px;
			top: 20px;
			display: inline-block;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background: url(../img/icon/exit_white.png) no-repeat center center maroon;
			background-size: cover;
			text-align: center;
			line-height: 30px;
			cursor: pointer;
			transition:all 0.2s ease-in-out;
		}

		

/*------------ Section > Client ------------*/
	section>div#clie{

	}
		section>div#clie>div.w1200{

		}
			section>div#clie>div.w1200>img{width:833px;display:block;margin:0 auto;}
					

/*------------ Section > Contact Us ------------*/
	section>div#coUs{

	}
		section>div#coUs>div.w1200{

		}
			section>div#coUs>div.w1200>div{

			}
				
				section>div#coUs>div.w1200>div>ul{
					padding: 5%;
				}
					section>div#coUs>div.w1200>div>ul>li{
							margin-bottom: 10px;
						}
						section>div#coUs>div.w1200>div>ul>li>a{

						}
							section>div#coUs>div.w1200>div>ul>li>a>em{
								display: inline-block;
								vertical-align: middle;
								width: 30px;
								height: 30px;
								border-radius: 50%;
								margin: 3px 10px;
							}
							#coUs>div.w1200>div>ul>li:nth-child(1)>a>em{
								background: url(../img/07coUs/1add.png) no-repeat center center;
								background-size: cover;
							}
							#coUs>div.w1200>div>ul>li:nth-child(2)>a>em{
								background: url(../img/07coUs/2tel.png) no-repeat center center;
								background-size: cover;
							}
							#coUs>div.w1200>div>ul>li:nth-child(3)>a>em{
								background: url(../img/07coUs/3mail.png) no-repeat center center;
								background-size: cover;
							}
/*------------ Send Us Email ------------*/	
.dlbtn{
	display:inline-block;
	padding:10px 20px;
	color: maroon;
	border-radius: 5px;
	border: 1px maroon solid;
	text-align: center;
	transition:all 0.3s ease-in-out;
}
.dlbtn:hover{
	background: maroon;
	color: white;
	transition:all 0.3s ease-in-out;
}
/*------------ Send Us Email ------------*/
					#coUs>div.w1200>div>ul>li.arrow{
						position: relative;
						height: 50px;
					}
						#coUs>div.w1200>div>ul>li.arrow>*{
						}
						#coUs>div.w1200>div>ul>li.arrow>a{
							transition:all 0.5s ease-in-out;
						}
							#coUs>div.w1200>div>ul>li.arrow>a>em{
							position: absolute;
							width: 50px;
							height: 50px;
							left: -10px;
							border-radius:25px;
							border: maroon 2px solid;
							box-sizing:border-box;
							background: url(../img/icon/toRight.png) left center no-repeat maroon;
							background-size: contain;
						}
							#coUs>div.w1200>div>ul>li.arrow>a>span{
								opacity: 0;
								display: block;
								color: white;								
								font-size: 1.5em;
								line-height: 50px;
								margin-left: 60px;
								transition:all 0.5s ease-in-out;
							}
						#coUs>div.w1200>div>ul>li.arrow>a:hover em{
							width: 280px;
							transition:all 0.3s ease-in-out;
						}
							#coUs>div.w1200>div>ul>li.arrow>a:hover span{
							opacity:1;
							transition:all 1s ease-in-out;
						}

/*------------ Footer ------------*/
	footer{
		padding: 100px 0 50px;
		min-height: ;
		background: maroon;

	}  footer>div>*{

	}
		footer>div>p{
			text-align: center;
			color: white;
			line-height: 30px;
		}
			footer>div>p>a{
				border-bottom: 2px white solid;
			}
		footer>div>a{
			display: block;
			margin: 40px auto 0px;
			color: maroon;
			background: white;
			width: 80px;
			height: 80px;
			border-radius: 50%;
			line-height: 80px;
			text-align: center;
			font-size: 1.2em;
		}
/*------------  ------------*/

/*------------  ------------*/








/*------------ End of 1200 ------------*/


/*Media Query 960px - 1200px -----------------------*/

@media only screen and (max-width: 1200px){
	header{

		}
			header>.topMenu{

			}
	section{

	}
	.w1200{
		
	}
}
/*Media Query 640px - 960px -----------------------*/

@media only screen and (max-width: 960px){
	#bg>ul>li{height:1090px;}
		header{
			background: maroon;
		}
				header>div.w1200>ul#lang{top:59px;right:150px;height:120px;background:maroon;font-size:0.9em;
					display: none;
				}
				header>div.w1200>ul#lang>li{display:block;padding:5px 20px;text-align:right;}
				header>div.w1200>ul#lang>li:before{content:" "}
				header>div.w1200>ul#topMenu{top:59px;right:0;height:188px;background:maroon;font-size:1em;
					display: none;
				}
				header>div.w1200>ul#topMenu>li{margin:0;
					display: block;
					padding: 5px 20px;
					background: maroon;
				}
				header>div.w1200>ul#ham{display:block;bottom:5px;}

		.w1200{
		width: 640px;
		outline: green 0px solid;
		}

	section{
		background: ;
	}
	/*------------ section > #main 640 - 960 ------------*/
	section>div#main>div.w1200{
	}
	/*------------ section > #abUs 640 - 960 ------------*/
	section>div#abUs>div.w1200{
	}
		section>div#abUs>div.w1200>h3{height:54px;}
		section>div#abUs>div.w1200>p{height:580px;}
	/*------------ section > #serv 640 - 960 ------------*/
	section>div#serv>div.w1200{

	}
		section>div#serv>div.w1200>ul>li{
			width: 45%;
		}
		section>div#serv>div.w1200>ul>li>p{height:310px;}
	/*------------ section > #busi 640 - 960 ------------*/	
	section>div#busi>div.w1200{}
	/*------------ section > #port 640 - 960 ------------*/
	section>div#port>div.w1200{}
		ul.showCase{}
			ul.showCase>li{}
				ul.showCase>li>em{}
	/*------------ section > #clie 640 - 960 ------------*/
	section>div#clie>div.w1200{}
		section>div#clie>div.w1200>img{width:555px;}
	/*------------ section > #coUs 640 - 960 ------------*/
	section>div#coUs>div.w1200{

	}

aside{
	width: 640px;
	right: -1000px;
}
aside>ul>li{
		}

}
@media only screen and (max-width: 678px){aside>ul>li>span{left:20px;}}
/*Media Query - 640px Mobile-----------------------*/
@media only screen and (max-width: 640px){
	.w1200{
		width: 100%;
		padding: 0px;
	}
	#logo{
		text-align: center;
	}
	#bg{
		display: none;
	}
	header>div.w1200>h1{margin:10px;}
	header #ham{display:block;}
	header>div.w1200>ul#ham{right:10px;}
	p{
		width: 90%;
		margin: 0 auto;
	}
	section>div{
		margin-bottom: 0px;
	}
	/*------------ section > #main 640 - 960 ------------*/
	section>div#main>div.w1200{
		height: 300px;
	}
		section>div#main{
			height: 600px;
			background: url(../img/bg/bg1.jpg);
			background-size: cover;
		}
		section>div#main>div.w1200>h2{
			margin: 60px 0px 20px 30px;
			font-size: 2em;
			font-weight: lighter;
		}
		section>div#main>div.w1200>p,#main>div.w1200>h4{margin:0 auto;}
	/*------------ section > #abUs 640 - 960 ------------*/
	section>div#abUs>div.w1200{
	}
		section>div#abUs>div.w1200>p{height:auto;}
	/*------------ section > #serv 0 - 640 ------------*/
	section>div#serv>div.w1200{

	}
		section>div#serv>div.w1200>ul>li{width: 90%;}
		section>div#serv>div.w1200>ul>li>p{height:auto;}
	/*------------ section > #busi 0 - 640 ------------*/
	section>div#busi>div.w1200{}
	/*------------ section > #port 0 - 640 ------------*/
	section>div#port>div.w1200{}
		ul.showCase{}
			ul.showCase>li{width: 50%;}
			ul.showCase>li>em>i{font-size:1em;}
	/*------------ section > #clie 0 - 640 ------------*/
	section>div#clie>div.w1200{}
		section>div#clie>div.w1200>img{width:100%;}
	/*------------ section > #coUs 0 - 640 ------------*/
	section>div#coUs>div.w1200{}

aside{width:100%;}
	aside>ul{}
		aside>ul>li{overflow-y:scroll;}
			aside>ul>li>h4,aside>ul>li>p{margin:9px 5% 0;}
			aside>ul>li>ul>li{width:99%;}
.dlcontainer{margin:0 0 0 5%;}
.dlbtn{margin:18px 0 0 0;}
}

/*TEST*/
.opacity{opacity: 0;}