.pack-head{position:absolute;left:0;top:0;padding-top:8vh;z-index:-1;width:100%;background:#fbfbfb;/*height:589px;background:url('../../images/pack-wheel-ess.jpg?v=1') no-repeat center bottom;background-size:110%*/}
.pack-head, .pack-body{font-size:1.8vh}
.pack-body{/*margin-top:489px*/margin-top:53vh}
.pack-body-box{width:70%;margin:auto}
.pack-body-box h1{font-size:3vh}
.pack-body-box-left, pack-body-box-right{float:left}
.pack-body-box-left{width:22%;line-height:150%}
.pack-body-box-left a{color:#333;text-decoration:none;display:block;padding:2px 13px;margin:3px 0;width:86%;border-radius:333px}
.pack-body-box-left a:hover{font-weight:normal;background:#eee;color:#222}
.pack-body-box-left a.clicked{font-weight:bold;background:linear-gradient(90deg, #e00, #aaa);color:#fff}
.pack-body-box-right{width:78%;overflow:auto;margin:53px 0}
.pack-body-box-right ul{float:left;width:25%;min-height:189px;margin-bottom:39px;text-align:center;background:#fff;cursor:pointer;/*margin:1%;border-radius:15px;padding:23px 18px;box-shadow:0 0 10px #ccc*/}
.pack-body-box-right ul h3{margin-bottom:13px;font-size:1.6vh}
.pack-body-box-right ul img{width:80%;margin:auto}
.pack-detail{display:none;width:86%;margin:auto;font-size:1.35vh;line-height:150%}

.pack-head-click{display:block;background-color:transparent;width:100%;height:333px;position:absolute;left:0;top:155px;z-index:0}



/*POP Window*/
#packModal {
    display: none;
    position: fixed;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#packModalBox {
    padding: 10px;
    width: 750px;
    border-radius: 35px;
    position: relative;
    font-size: 1.8vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.23);
    text-align: center;
background:#fff url(../../images/w-bg.jpg?v=1) repeat-x left -113px;
}
#packModalContent table {
    width: 90%;
    border-collapse: collapse;
    margin: 10px auto;
}
#packModalContent td {
    padding: 8px 5px;
    border-top: 1px solid #ddd;
    font-size: 1.6vh;
	text-align: left;
}
#packModalClose {
    position: absolute;
    right: 15px; 
top: 10px;
    font-size: 26px;
    cursor: pointer;
}
#packModalImg {
    width: 60%;
    margin: 0 auto;
mix-blend-mode:multiply;
}
#packModalTitle {
    font-size: 2.2vh;
    margin: 0 auto;
}
#packModalContent {
    line-height: 150%;
    font-size: 1.6vh;
    margin-top: 10px;
max-height:390px;
overflow-y:auto;
}
#packModalcloseImg {
	position:absolute;
	right:28px;
	top:25px;
	z-index:1;
	cursor:pointer;
}




@media (max-width:1279px) {
	.pack-head{width:100%;position:relative}
	.pack-head video{width:100%}
	.pack-body-box-right{margin:0}
	.pack-body-box-left{display:none}
	.pack-body{margin:5vh 0}
	.pack-body-box, .pack-body-box-right{width:100%}
	.pack-body-box-right ul{width:50%}
	.pack-body-box-right ul{min-height:183px}
	#packModalTitle{margin-top:8px}
	#packModalBox{background:#fff url(../../images/w-bg.jpg?v=1) repeat-x left -290px;border-radius: 0px;}
	.pack-body-box-right ul h3{width:90%;margin:auto}

.pack-head-click{height:27vh;top:7vh}
}