@charset "utf-8"; html, body, p{border:0 none;margin:0;padding:0;outline-style:none;outline-width:0;vertical-align:baseline;font-size:12px;} /* main_image section css */ .examples_bg{width:100%;margin:0 auto;overflow:hidden; padding: 0 15px; position: relative;} .examples_image{width:100%;height:470px;float:left;background:#333;position:relative;overflow:hidden;color:#fff;} .examples_image img{ width:100%;height:100%;} .examples_image h4{font-size:1.5em;font-weight:normal;margin:0;padding:5px 10px 5px 10px;} .examples_image h4.title02{color:#feb403;} .examples_image h4.title03{color:#f23962;} .examples_image h4.title04{color:#43b6ff;} .examples_image p{line-height:1.5em;padding:10px 10px 0 10px;margin:0;font-size:0.9em;} .block small{font-size:1em;padding:0 0 5px 20px;background: no-repeat 0 center;} .examples_image .block small{margin-left:10px;} .examples_image .desc{width:100%;position:absolute;bottom:0;left:0;display:none;} .examples_image .block{width:100%;background:#111;border-top:1px solid #000; display: none;} .examples_image a.collapse{width:93px;height:27px;background: no-repeat left top;text-indent:-99999px;position:absolute;top:-27px;right:20px;} .examples_image a.show{background-position:left bottom;} /* image_thumb section css */ .mune_thumb{width:299px;float:left;position: absolute; right: -5px;} .mune_thumb img{border:1px solid #ccc;padding:5px;background:#fff;float:left;} .mune_thumb ul{margin:0;padding:0;list-style:none;} .mune_thumb ul li{width:279px;height:79px;color:#333;margin:0;padding:14px 10px;background-color: rgba(255, 255, 255, 0.88);float:left;border-bottom:1px solid #a8c7e8;} .mune_thumb ul li.hover{background: #3889f8;cursor:pointer;transition:background .3s;} .mune_thumb ul li.active{background: #3889f8;cursor:default;} .mune_thumb ul li.active::before{ content: "\f0d7"; font: normal normal normal 30px/1 fontawesome; position: absolute; left: -4%; top: 26px; transform: rotate(90deg); color: #3889f8; } .mune_thumb ul li h4{font-size:1.4em;margin:5px 0;padding:0;} .mune_thumb ul li .block{float:left;margin-left:10px;padding:0;width:200px;} .mune_thumb ul li p{color: #414141;font-size:16px;vertical-align: middle;display: table-cell;height: 50px;} .mune_thumb ul li.active p,.mune_thumb ul li.hover p{ color:#fff; } .mune_thumb img{ display:none;}