*{margin:0;padding: 0;}
html{min-width: 320px;max-width:600px;margin:auto;font-size: 62.5%;}
body{width: 100%;height: 100%;}
ul { list-style-type: none;}
.slide{margin:0 auto;width: 100%;min-height: 6rem;position: relative;}
.slide img{width: 100%;height: 100%;}
.dowebok { width: 100%; min-height: 10rem; margin: 0 auto;}
.dowebok img{width: 100%;}
.scroll{width: 100%;height: 3rem;background:#244D3B;margin-top: -0.5rem;}
.scroll .scroll-images{float: left;width: 3rem;height: 100%;margin-left: 5%;}
.scroll .scroll-images img{width: 2rem;padding-top: 0.8rem;}
.newSlide{width: 80%;height:3rem;margin:0 auto;float: left;}
.newSlide span{text-align: center;color:#fff;margin:0 auto;font-size: 1.5rem;}
#scroll_div {height: 3rem;overflow: hidden;white-space: nowrap;width:100%;line-height: 3rem;}
#scroll_begin,#scroll_end {display: inline;}
#scroll_begin span,#scroll_end span{letter-spacing:3px;}
#scroll_begin span:nth-child(1),#scroll_begin span:nth-child(3),#scroll_end span:nth-child(1),#scroll_end span:nth-child(3){margin-left:100px;}
.container{width:100%;min-height:6rem;background: url('bg.jpg');}
.container .container-items{padding:20px;min-height: 3rem;margin:auto;display: flex;flex-wrap: nowrap;justify-content:space-around;position: relative; border-bottom:5px solid #000;border-image-source: url(../image/bg_clip.png);border-image-slice: 27 27 27 27;}
.container .container-items .items-icon{width: 7rem;position: absolute;left: 1rem;top: 1rem;}
.container .container-items .items-icon img{width: 52%;}
.container .container-items .items-title{width: 65%;position: absolute;left: 6rem;top: 0.7rem;}
.container .container-items .items-title ul{list-style: none;}
.container .container-items .items-title ul li:nth-child(1){font-size:1.1rem;font-weight: bold;color: #293930;}
.container .container-items .items-title ul li:nth-child(2){font-size:0.8rem;color: #2F4C3F;}
.container .container-items .items-btn,.container .container-items .items-notice{width: 2rem;position: absolute;right:5%;top: 2rem;}
.container .container-items .items-btn img{width: 100%;}
.container .container-items .items-notice{width: 4rem;color: #2F4C3F;right: 1%;}
.container .container-items:not(.btn_disabled):visited{color:#fff}
.container .container-items:not(.btn_disabled):active{color:hsla(0,0%,100%,.4);background-color:#dadada}
.container .container-items_disabled{color:hsla(0,0%,100%,.6)}
.container .container-items_disabled.btn_default{color:#c9c9c9}



@media(min-width: 320px) { html { font-size: 62.5%; } }
@media(min-width: 360px) { html { font-size: 75%; } }
@media(min-width: 400px) { html { font-size: 87.5%; } }
@media(min-width: 560px) { html { font-size: 100%; } }
@media(min-width: 640px) { html { font-size: 120%; } }