#guide-popup {
	position: fixed;
	z-index: 9000;
	top: 0;
	left: 0;
	overflow: auto;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: none;
}

#guide {
	width: 860px;
	min-height: 100px;
	margin: 80px auto 50px auto;
	display: block;
	position: relative;
	left: -10px;
	background-color: #fff;
}

#guide-close {
	display: block;
	width: 48px;
	height: 48px;
	background: url('../image/guide-cross.png') no-repeat;
	float: right;
	cursor: pointer;
	margin: 0 5px 0 0;
}

#guide-tabs {
	width: 807px;
	min-height: 48px;
}

#guide-tabs:after {
	content: "";
	height: 1px;
	border-top: 1px solid #eee;
	float: left;
	width: 860px;
}

#guide-tabs a, #guide-tabs a:link, #guide-tabs a:visited {
	float: left;
	font-size: 17px;
	color: #7d7d7d;
	padding: 14px 17px 14px 17px;
	border-right: 1px solid #eee;
	display: block;
	-webkit-transition-property: color;
       -moz-transition-property: color;
         -o-transition-property: color;
            transition-property: color;
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

#guide-tabs a:hover {
	text-decoration: none;
	color: #F35C93;
}

#guide-tabs a.guide-tab-active {
	color: #F35C93;
}

.guide-tab {
	font-size: 14px;
	width: 832px;
	padding: 0 14px 14px 14px;
	margin: 0 0 0 0;
	display: none;
}

@media screen and (max-width: 960px) {
    #guide {
        width: 100%;
    }

    #guide-tabs {
        width: 90%;
        min-height: 48px;
    }

    #guide-tabs:after {
        width: 100%;
    }

    .guide-tab {
        width: 95%;
    }
}