html{
	width: 100%;
	height: 100%;
}
body{
	margin:0px; 
	padding : 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url('../image/bg.gif');
	background-repeat: repeat-y;
	background-position: center;
}
.main{
	height: 100%;
	min-height: 100%;
}
.inside{
	height: 100%;
	min-height: 100%;
	background-color: #fff;
}
.triptip{
	display: inline-block;
	margin-top: 30px;
}
span{ margin-left: -3px;}
header{
	width: 100%;
	height: 190px;
	background-image: url('../image/top.jpg');
	background-size: 100% 190px;
	font-family: Bauhaus93;
	font-size: 45px;
	color: #fcce14;
    background-repeat: reapeat;
   
}
img.mark{
	width: 80px;
	height: 50px;
	margin-top: -35px;
}
.logo{
	   float: left;
	   margin-top: 20px;
	   margin-left: 25px;
	   width: 90px;
	   height: 90px;
}
.nav{ 
	display: block; 
	border:1px solid #222; 
	position: relative;
    background-color: #6a6a6a; 
    font: 16px Tahoma, sans-serif;
}
.navbar{
	padding-left: 0;
	top: 20px;
	clear: both;
}
.r{ 
	color: white;
}
.wrap{
	clear: both;
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
.wrap img{
	width: 100px !important;
	height: 100px !important;
}

.mue{
	float: left;
    margin-top: 40px;
	margin-left: 42px;
}
.pal{
	float: left;
	margin-top: 40px;
	margin-left: 20px;
}
.sche{
	float: left;
    margin-top: -47px;
	margin-left: 100px;
	}
.food{
	float: left;
   	margin-top: -48px;
	margin-left: 37px;
}
.seo{
	 float: left;
	 margin-top: -40px;
	 margin-left: 20px;
}
#left
{
	background-image: url(../image/left.jpg);
    background-size: 200px 900px;
	width: 200px;
	height: 900px;
	float: left;
    
}
#right
{
	background-image: url(../image/right.jpg);
	background-size: 200px 900px;
	width: 200px;
	height: 900px;
	float: right;
	margin-right: -6px;
}

.navbar-default {
	height: 51px;
    background-color:  #fcce14;
    border-color: transparent;
    border-radius: 0;
}
.dropdown-menu{
	background-color:  #fcce14;
	padding-top: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: #fff;
}

ul{
	list-style-type: none;
	font-family: Myriad pro;
	font-size: 14px;
	font-weight: bold;
	margin:0;
	padding:0;
}
ul li{
	display: block;
	position: relative;
	//float: left;
	border-bottom: 1px solid #999;
}
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color : #fcce14;
	margin-left: 1px;
	white-space: nowrap;
}
ul.nav{
	border: 0;
}
.dropdown li{
	border-top: 1px solid #000;
}
li:last-child{
	border-right:1px solid #666;
}
ul li a:hover{ background: #fcce14;}

li:hover a {background: #fcce14;}
li:hover li a:hover{background:#fcce14;}

.trmu5, .han, .hong, .gal, .sam{
	position: relative;
}
.trmu10, .gye, .deo, .chang{
	position: relative;
}
.bmu{ float: left;
margin-top: -10px;
}
.trmu{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.trmu7{float: left;
      margin-top: 30px;
	  margin-left: 26px;
	
}
.trmu8{float: left;
margin-left:20px;
margin-top:30px;
}
.trmu11{
	
	float: left;
	margin-top: 30px;
	margin-left: 25px;}
.trmu3{
	float: left;
	//margin-left: 35px;
	//margin-top: -117px;
	margin-left: 0px;
	margin-top: -45px;
	
    
}
.trmu4{
	float: left;
	//margin-left: 5px;
	//margin-top: -270px;
	margin-left: 162px;
	margin-top: -275px;
	
}
.trmu2{
	float:left;
	//margin-left: 49px;
	//margin-top: -265px;
	margin-left: 10px;
	margin-top: -115px;
	}
.trmu5{
	float: left;
	margin-left: 20px;
	margin-top: -120px;
	z-index: 0;
}
.trmu6{
	float: left;
	margin-left: 65px;
	margin-top: -109px;
}
.trmu9{
	float: left;
	margin-left: 50px;
	margin-top: -113px;
}
.wrap2{
	clear: both;
	width: 300px;
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
	//background-color: #f01;
}
.wrap2 img{
	width: 100%;
}
.wrap2 .trmu4, .wrap2 .trmu3{
	width: 46%;
}
.wrap2 .han, .wrap2 .hong, .wrap2 .sam, .wrap2 .gal{
	width: 22%;
}

.wrap2 .gye, .wrap2 .deo, .wrap2 .chang { 
	width: 28%;
}
/.wrap2 .deo {
	width: 31%;
}
/.wrap2 .chang {
	width: 28%;
}
.trmu6, .de, .sun, .beef, .jok, .gop, .gyp {
	position: relative;
}
.wrap2 .de, .wrap2 .sun, .wrap2 .beef, .wrap2 .jok, .wrap2 .gop, .wrap2 .gyp {
	width: 15%
}
.trmu9, .seou{
	position: relative;
}
.wrap2 .seou {
	width: 95%}
.wrap2 .gye, .wrap2 .deo, .wrap2 .chang {
	position: relative;
}
.gal{
	float:left;
	margin-left: 0px;
	margin-top: -20px;
	z-index: 2;
}
.trmu10{
	float:left;
	margin-left: 45px;
	margin-top: -95px;
	}
.sam{
	float:left;
	margin-left: 12px;
	margin-top: -53px;
	z-index: 3;
}
.hong{
	float:left;
	margin-left:12px;
    margin-top: -86px;
    z-index: 4;
}
.han{
	float:left;
	margin-left: 233px;
    margin-top: -280px;
    z-index: 5;
}
.over{
	position: absolute;
	top: 400px;
	left: 10px;
	font-weight: bold;
	font-size: 10px;
	background-color: #fff;
	-webkit-transition: all .5s ease-out .2s;
	-moz-transition: all .5s ease-out .2s;
	-o-transition: all .5s ease-out .2s;
	transition: all .5s ease-out .2s;
}
.gal:hover .over, .sam:hover .over, .hong:hover .over, .han:hover .over{
	top: 80px;
}
.trmu3:hover .over, .trmu4:hover .over{
	top: 80px;
}
.de:hover .over, .sun:hover .over, .beef:hover .over, .jok:hover .over, .gop:hover .over, .gyp:hover .over{
	top: 80px;
}
.de{
	float:left;
    margin-left: 26px;
	margin-top: -12px;
	z-index: 3;}
.sun{
	float:left;
    margin-left: 1px;
	margin-top: -31px;
	}
.beef{
	float: left;
	margin-left: 1px;
    margin-top: -54px;
    z-index: 7;
}
.jok{
	float: left;
	margin-left: 1px;
	margin-top:-73px;
}
.gop{
	float: left;
	margin-left: 1px;
	margin-top:-93px;
    z-index: 20;
}
.gyp{
	float: left;
	margin-left: 138.8px;
	margin-top: -227px;
    z-index: 400;
}
.seou{
	float: left;
    margin-left: 20px;
	margin-top: -115px;
	}
.gye{
	float:left;
    margin-left: 25px;
	margin-top: -25px;
	}
.deo{
	float: left;
    margin-left: 9px;
	margin-top: -70px;
}
.chang{
	float: left;
	margin-left: 212px;
	margin-top: -250px;
}
.g{
	background-image: url('../image/sinup.png');
   webkit-transition: all 2s ease-in .2s;
	-moz-transition: all 2s ease-in .2s;
	-o-transition: all 2s ease-in .2s;
	transition: all 2s ease-in .2s;
}
.ga:hover .g{   
	top: -235px;
}
.contain{
	background-image: url('../image/back.jpg');
}
.box{ 
	width: 100%;
	height:100%;
	text-align: left;
	overflow: auto;
    padding: 40px;
    line-height: 23px;
    background-color: #fff;
}
h1, h2, h3, p{ padding: 10px;}
	

.a{float: left; 
   padding-right : 20px;	
	padding-left: 10px;
    padding-bottom: 5px;}
.b{float: right;
   padding:20px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
@media (min-width: 768px){
	ul li{
		border-bottom: 0;
	}
	header{
		font-size: 65px;
		
	}
	img.mark{
		width: 120px;
		height: 80px;
	}
	.logo{
	   float: left;
	   margin-top: 20px;
	   margin-left: 55px;
	   width: 120px;
	   height: 120px;
	}
	.wrap{
		width: 620px;
		margin: 0 auto;
	}
	
	
	.wrap img{
		width: 250px !important;
		height: 250px !important;
	}
	
	.wrap2{
		clear: both;
		width: 685px;
		margin: 0 auto;
		margin-top: 15px;
		overflow: hidden;
	}
   .trmu{
		float: left;
		margin-top: 30px;
		margin-left: 35px;}
	.trmu7{float: left;
	      margin-top: 30px;
		  margin-left: 26px;
		
	}
	.trmu8{float: left;
	margin-left:20px;
	margin-top:30px;
	}
	.trmu11{
		
		float: left;
		margin-top: 30px;
		margin-left: 10px;}
	.trmu3{
		float: left;
		margin-left: 35px;
		margin-top: -117px;}
	.trmu4{
		float: left;
		margin-left: 5px;
		margin-top: -270px;}
	.trmu2{
		float:left;
		margin-left: 36px;
		margin-top: -265px;
		}
	.trmu5{
		float: left;
		margin-left: 43px;
		margin-top: -260px;
	}
	.trmu6{
		float: left;
		margin-left: 53px;
		margin-top: -271px;
	}
	.trmu9{
		float: left;
		margin-left: 41px;
		margin-top: -265px;
	}
	.gal{
		float:left;
		margin-left: 35px;
		margin-top: -55px;
	}
	.trmu10{
		float:left;
		margin-left: 31px;
		margin-top: -237px;
		}
	.sam{
		float:left;
		margin-left: 12px;
		margin-top: -125px;
	}
	.hong{
		float:left;
		margin-left:12px;
	    margin-top: -196px;
	}
	.han{
		float:left;
		margin-left: 337px;
	    margin-top: -548px;
	}
	.over{
		position: absolute;
		top: 800px;
		left: 10px;
		font-weight: bold;
		font-size: 24px;
		background-color: #fff;
		-webkit-transition: all .5s ease-out .2s;
		-moz-transition: all .5s ease-out .2s;
		-o-transition: all .5s ease-out .2s;
		transition: all .5s ease-out .2s;
	}
	.gal:hover .over, .sam:hover .over, .hong:hover .over, .han:hover .over{
		top: 200px;
	}
	.trmu3:hover .over, .trmu4:hover .over{
		top: 200px;
	}
	.de:hover .over, .sun:hover .over, .beef:hover .over, .jok:hover .over, .gop:hover .over, .gyp:hover .over{
		top: 200px;
	}
	.mue{
		float: left;
	    margin-top: 80px;
	}
	.pal{
		float: left;
		margin-top: 90px;
		margin-left: 40px;
	}
	.sche{
		float: left;
	    margin-top: -95px;
		margin-left: 190px;
		}
	.food{
		float: left;
	    margin-top: -103px;
	}
	.seo{
		 float: left;
		 margin-top: -94px;
		 margin-left: 40px;
	}
   .gye{
	float:left;
    margin-left: 12px;
	margin-top: -87px;
	}
   .deo{
	float: left;
    margin-left: 37px;
	margin-top: -172px;
}
    .chang{
	float: left;
	margin-left: 470px;
	margin-top: -586px;
}
    .de{
	float:left;
    margin-left: 25px;
	margin-top: -38px;
	}
    .sun{
	float:left;
    margin-left: 9px;
	margin-top: -84px;
	}
    .beef{
	float: left;
	margin-left: 9px;
    margin-top: -132px;
}
    .jok{
	float: left;
	margin-left: 9px;
	margin-top:-178px;
}
    .gop{
	float: left;
	margin-left: 9px;
	margin-top:-226px;
}
    .gyp{
	float: left;
	margin-left: 120px;
	margin-top: -426px;
}
   .seou{
	float: left;
    margin-left: 20px;
	margin-top: -270px;
	}
    .gye{
	float:left;
    margin-left: 13px;
	margin-top: -62px;
	}
}