@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;}