@charset "utf-8";

header{ height: 80px;background: #f8f8f8; }
h1{text-align: center; font-size: 0;}
header>div{ padding-left: 20px;}

body{ overflow-y: hidden;}
header h2{line-height: 70px; }
header h2 a{ display: block;font-size: 18px;}
header h2 a i{ color: #8d8d8d;}
header h2 a:hover i{color: #000;}
.list_list,
.review_review{position: relative; float: left;}
.list_list ul,
.review_review ul{ z-index: 30;display: none; position: absolute;top: 65px;padding: 15px 26px; background: #fff;box-sizing: border-box;white-space: nowrap;box-shadow: 4px 4px 8px #ddd;}
.list_list ul li,
.review_review ul li{ line-height: 32px;color: #191919;font-size: 16px;}

.list_list{margin-right: 30px;}
.list_list ul li a{display: block; position: relative;font-size: 16px;}
.list_list ul li a:before{ content: "";position: absolute;left: -25px;top: 50%; width: 3px;height: 100%;background: #000;transform: translateY(-50%);opacity: 0; transition: all .4s;}
.list_list ul li:hover a:before{ opacity: 1;}
.review_review ul li{position: relative;padding-left: 10px;}
.review_review ul li:before{content: "-";position: absolute;left: 0;top: 0;}

body{ background: #f8f8f8;}
main>div{display: block;height: 100vh; padding: 30px;box-sizing: border-box;}
.iframe{position: relative;height: 90%;width: 100%;text-align: center;box-sizing: border-box;}
iframe{position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100%;height: 100%;box-sizing: border-box; box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);transition: all .5s;}
.res.common ul{min-width: 0;}