#blank_stage{width:100%; height:100px; margin:0; padding:0; clear:both;}
@media screen and (max-width:900px){
    #blank_stage{display:none;}
}


#sort_canvas{width:100%; height:auto; margin:0 auto; padding:0% 0.5%; clear:both; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#sort_canvas .sort_list{width:100%; height:auto; margin:0; padding:0; clear:both; position:relative;}
#sort_canvas .sort_list::after{content:""; display:block; width:1px; height:100%; background-color:#FFF; overflow:hidden; position:absolute; left:50%; top:0px; z-index:1000;}
#sort_canvas .sort_list ul{margin:0; padding:0; list-style-type:none; width:100%;}
#sort_canvas .sort_list ul::after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#sort_canvas .sort_list ul li{margin:0; padding:0; width:50%; float:left;}

#sort_canvas .sort_list ul li a{margin:0; padding:0; width:100%; height:auto; position:relative; overflow:hidden; display:block; border-bottom:#FFF solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#sort_canvas .sort_list ul li a .bbb{margin:0; padding:0; width:100%; height:auto; position:relative;}
#sort_canvas .sort_list ul li a .bbb img{width:100%; height:auto; border:0px;}
#sort_canvas .sort_list ul li a .ppp{margin:0; padding:0; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
#sort_canvas .sort_list ul li a .ppp img{width:100%; height:auto; border:0px;}
#sort_canvas .sort_list ul li a .qqq{opacity:0; margin:0; padding:0; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:4; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-justify-content:flex-end; justify-content:flex-end; -ms-flex-pack:end; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row;}
#sort_canvas .sort_list ul li a .qqq img{opacity:0; height:13vh; width:auto; border:0px; -webkit-transform:translate(-600px,50px); -moz-transform:translate(-600px,50px); -ms-transform:translate(-600px,50px); -o-transform:translate(-600px,50px); transform:translate(-600px,50px); -webkit-transition:all 0s ease-in-out 0s; -moz-transition:all 0s ease-in-out 0s; -ms-transition:all 0s ease-in-out 0s; -o-transition:all 0s ease-in-out 0s; transition:all 0s ease-in-out 0s;}
#sort_canvas .sort_list ul li a .txt{margin:0; padding:0; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#sort_canvas .sort_list ul li a .txt dl{margin:0; padding:5% 10%; width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-transition:transform 0.5s ease-in-out 0ms; -moz-transition:transform 0.5s ease-in-out 0ms; -ms-transition:transform 0.5s ease-in-out 0ms; -o-transition:transform 0.5s ease-in-out 0ms; transition:transform 0.5s ease-in-out 0ms;}
#sort_canvas .sort_list ul li a .txt dl dt{margin:0; padding:0; width:100%; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#sort_canvas .sort_list ul li a .txt dl dd{margin:0; padding:0; width:100%; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#sort_canvas .sort_list ul li a .txt dl dd:nth-of-type(1){padding-bottom:10px;}

#sort_canvas .sort_list ul li a .txt .nnn{color:#FFF; font-size:30px; line-height:30px; margin:0; padding:0; display:block; font-weight:500; padding-bottom:25px;}
#sort_canvas .sort_list ul li a .txt .uuu{color:#FFF; font-size:16px; line-height:20px; margin:0; padding:0; display:block; position:relative; width:calc(100% - 100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); -o-transform:translateX(100px); transform:translateX(100px);}
#sort_canvas .sort_list ul li a .txt .uuu::after{content:""; display:block; width:80px; height:1px; overflow:hidden; background-color:#FFF; position:absolute; left:-96px; top:12px;}
#sort_canvas .sort_list ul li a .txt .uuu p{margin:0; padding:0;}
#sort_canvas .sort_list ul li a .txt .uuu p + p{margin-top:5px;}

#sort_canvas .sort_list ul li a .txt .zzz{opacity:0; height:143px; overflow:hidden; color:#FFF; font-size:14px; line-height:20px; margin:0; padding:0; display:block; width:calc(100% - 100px); -webkit-transform:translate(100px,-400px); -moz-transform:translate(100px,-400px); -ms-transform:translate(100px,-400px); -o-transform:translate(100px,-400px); transform:translate(100px,-400px); -webkit-transition:all 0s ease-in-out 0s; -moz-transition:all 0s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0s ease-in-out 0s; transition:all 0s ease-in-out 0s;}
#sort_canvas .sort_list ul li a .txt .zzz p{margin:0; padding:0;}
#sort_canvas .sort_list ul li a .txt .zzz p + p{margin-top:5px;}


#sort_canvas .sort_list ul li a .txt .button{display:inline-block; width:50px; height:48px; border: #4f77da solid 1px; background-color:#FFF; line-height:48px; overflow:hidden; text-align:center; position:relative; -webkit-transition:all 0.5s ease-in-out 0.5s; -moz-transition:all 0.5s ease-in-out 0.5s; -ms-transition:all 0.5s ease-in-out 0.5s; -o-transition:all 0.5s ease-in-out 0.5s; transition:all 0.5s ease-in-out 0.5s;}
#sort_canvas .sort_list ul li a .txt .button em{display:inline-block; color:#FFF; font-size:16px; font-style:normal; -webkit-transform:translateX(-66px); -moz-transform:translateX(-66px); -ms-transform:translateX(-66px); -o-transform:translateX(-66px); transform:translateX(-66px); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#sort_canvas .sort_list ul li a .txt .button img{display:inline-block; width:13px; height:auto; border:0px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#sort_canvas .sort_list ul li a .txt .button:hover{width:170px; padding-right:10px; text-align:right;}
#sort_canvas .sort_list ul li a .txt .button:hover em{color:#666; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#sort_canvas .sort_list ul li a .txt .button:hover img{left:85%;}


#sort_canvas .sort_list ul li a:hover .ppp{display:none;}
#sort_canvas .sort_list ul li a:hover .qqq{opacity:1;}
#sort_canvas .sort_list ul li a:hover .qqq img{opacity:1; -webkit-transform:translate(-100px,50px); -moz-transform:translate(-100px,50px); -ms-transform:translate(-100px,50px); -o-transform:translate(-100px,50px); transform:translate(-100px,50px);}
#sort_canvas .sort_list ul li a:hover .txt .zzz{opacity:1; -webkit-transform:translate(100px,0px); -moz-transform:translate(100px,0px); -ms-transform:translate(100px,0px); -o-transform:translate(100px,0px); transform:translate(100px,0px);}
#sort_canvas .sort_list ul li a:hover .txt .button{-webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); -o-transform:translateX(100px); transform:translateX(100px);}
#sort_canvas .sort_list ul li:nth-child(odd) a:hover .txt dl{background-color:#00a0e9; -webkit-transform:scale(0.98,0.98); -moz-transform:scale(0.98,0.98); -ms-transform:scale(0.98,0.98); -o-transform:scale(0.98,0.98); transform:scale(0.98,0.98);}
#sort_canvas .sort_list ul li:nth-child(even) a:hover .txt dl{background-color:#00a0e9; -webkit-transform:scale(0.98,0.98); -moz-transform:scale(0.98,0.98); -ms-transform:scale(0.98,0.98); -o-transform:scale(0.98,0.98); transform:scale(0.98,0.98);}

@media screen and (max-width:1800px){
    #sort_canvas .sort_list ul li a .qqq img{opacity:0; height:13vh;}
    #sort_canvas .sort_list ul li a:hover .qqq img{opacity:1; -webkit-transform:translate(-80px,50px); -moz-transform:translate(-80px,50px); -ms-transform:translate(-80px,50px); -o-transform:translate(-80px,50px); transform:translate(-80px,50px);}
}
@media screen and (max-width:1600px){
    #sort_canvas .sort_list ul li a .qqq img{opacity:0; height:12vh;}
    #sort_canvas .sort_list ul li a:hover .qqq img{opacity:1; -webkit-transform:translate(-70px,50px); -moz-transform:translate(-70px,50px); -ms-transform:translate(-70px,50px); -o-transform:translate(-70px,50px); transform:translate(-70px,50px);}
}
@media screen and (max-width:1400px){
    #sort_canvas .sort_list ul li a .txt .nnn{font-size:20px; line-height:20px; padding-bottom:15px;}
    #sort_canvas .sort_list ul li a .txt .uuu{font-size:14px; line-height:18px; width:calc(100% - 70px); -webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px);}
    #sort_canvas .sort_list ul li a .txt .uuu::after{width:60px; left:-70px;}
    #sort_canvas .sort_list ul li a .txt .zzz{font-size:12px; line-height:20px; width:calc(100% - 70px); -webkit-transform:translate(70px,-400px); -moz-transform:translate(70px,-400px); -ms-transform:translate(70px,-400px); -o-transform:translate(70px,-400px); transform:translate(70px,-400px);}
    #sort_canvas .sort_list ul li a .txt .button{width:40px; height:40px; line-height:40px;}
    #sort_canvas .sort_list ul li a:hover .txt .button{-webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px);}
    #sort_canvas .sort_list ul li a .qqq img{height:11vh; -webkit-transform:translate(-400px,40px); -moz-transform:translate(-400px,40px); -ms-transform:translate(-400px,40px); -o-transform:translate(-400px,40px); transform:translate(-400px,40px); -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
    #sort_canvas .sort_list ul li a:hover .qqq img{opacity:1; -webkit-transform:translate(-50px,40px); -moz-transform:translate(-50px,40px); -ms-transform:translate(-50px,40px); -o-transform:translate(-50px,40px); transform:translate(-50px,40px);}
    #sort_canvas .sort_list ul li a:hover .txt .zzz{opacity:1; -webkit-transform:translate(70px,0px); -moz-transform:translate(70px,0px); -ms-transform:translate(70px,0px); -o-transform:translate(70px,0px); transform:translate(70px,0px);}
}
@media screen and (max-width:1200px){
    #sort_canvas{padding:0% 0%;}
    #sort_canvas .sort_list ul li a .txt dl dd:nth-of-type(2){display:none;}
    #sort_canvas .sort_list ul li a .txt .nnn{font-size:20px; line-height:20px; padding-bottom:15px;}
    #sort_canvas .sort_list ul li a .txt .uuu{font-size:14px; line-height:18px; width:calc(100% - 70px); -webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px);}
    #sort_canvas .sort_list ul li a .txt .uuu::after{width:60px; left:-70px;}
    #sort_canvas .sort_list ul li a .txt .zzz{font-size:12px; line-height:20px; width:calc(100% - 70px); -webkit-transform:translate(70px,-400px); -moz-transform:translate(70px,-400px); -ms-transform:translate(70px,-400px); -o-transform:translate(70px,-400px); transform:translate(70px,-400px);}
    #sort_canvas .sort_list ul li a .txt .button{width:40px; height:38px; line-height:38px;}
    #sort_canvas .sort_list ul li a:hover .txt .button{-webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px);}
    #sort_canvas .sort_list ul li a .qqq img{height:10vh; -webkit-transform:translate(-400px,40px); -moz-transform:translate(-400px,40px); -ms-transform:translate(-400px,40px); -o-transform:translate(-400px,40px); transform:translate(-400px,40px); -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
    #sort_canvas .sort_list ul li a:hover .qqq img{opacity:1; -webkit-transform:translate(-50px,40px); -moz-transform:translate(-50px,40px); -ms-transform:translate(-50px,40px); -o-transform:translate(-50px,40px); transform:translate(-50px,40px);}
    #sort_canvas .sort_list ul li a:hover .txt .zzz{opacity:1; -webkit-transform:translate(70px,0px); -moz-transform:translate(70px,0px); -ms-transform:translate(70px,0px); -o-transform:translate(70px,0px); transform:translate(70px,0px);}
}


#mini_canvas{display:none; width:100%; height:auto; margin:0; padding:0; clear:both;}
#mini_canvas .mini_list{width:100%; height:auto; margin:0; padding:0; clear:both;}
#mini_canvas .mini_list ul{margin:0; padding:0; list-style-type:none; width:100%;}
#mini_canvas .mini_list ul li{margin:0; padding:0; width:100%; float:none;}
#mini_canvas .mini_list ul li a{margin:0; padding:0; width:100%; height:auto; position:relative; overflow:hidden; display:block; border-bottom:#FFF solid 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#mini_canvas .mini_list ul li a .txt{margin:0; padding:0; width:100%; height:auto; position:relative; z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#mini_canvas .mini_list ul li a .txt dl{margin:0; padding:25px 25px 34px 25px; width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition:transform 0.5s ease-in-out 0ms; -moz-transition:transform 0.5s ease-in-out 0ms; -ms-transition:transform 0.5s ease-in-out 0ms; -o-transition:transform 0.5s ease-in-out 0ms; transition:transform 0.5s ease-in-out 0ms;}
#mini_canvas .mini_list ul li a .txt dl dt{margin:0; padding:0; width:100%; float:none;}
#mini_canvas .mini_list ul li a .txt dl dd{margin:0; padding:0; width:100%; float:none;}
#mini_canvas .mini_list ul li a .txt dl dd:nth-of-type(2){padding-top:40px; padding-bottom:40px;}

#mini_canvas .mini_list ul li a .txt .nnn{color:#FFF; font-size:20px; line-height:20px; margin:0; padding:0; display:block; font-weight:500; padding-bottom:15px;}
#mini_canvas .mini_list ul li a .txt .uuu{color:#FFF; font-size:14px; line-height:18px; margin:0; padding:0; display:block; position:relative; width:calc(100% - 70px); -webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px);}
#mini_canvas .mini_list ul li a .txt .uuu::after{content:""; display:block; width:60px; height:1px; overflow:hidden; background-color:#FFF; position:absolute; left:-70px; top:12px;}
#mini_canvas .mini_list ul li a .txt .uuu p{margin:0; padding:0;}
#mini_canvas .mini_list ul li a .txt .uuu p + p{margin-top:5px;}

#mini_canvas .mini_list ul li a .txt .zzz{color:#FFF; font-size:12px; line-height:20px; margin:0; padding:0; display:block; width:calc(100% - 70px); -webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px); -webkit-transition:all 0.5s ease-in-out 0.3s; -moz-transition:all 0.5s ease-in-out 0.3s; -ms-transition:all 0.5s ease-in-out 0.3s; -o-transition:all 0.5s ease-in-out 0.3s; transition:all 0.5s ease-in-out 0.3s;}
#mini_canvas .mini_list ul li a .txt .zzz p{margin:0; padding:0;}
#mini_canvas .mini_list ul li a .txt .zzz p + p{margin-top:5px;}


#mini_canvas .mini_list ul li a .txt .button{display:inline-block; width:40px; height:40px; border:#F60 solid 1px; background-color:#FFF; line-height:40px; overflow:hidden; text-align:center; position:relative; -webkit-transform:translateX(70px); -moz-transform:translateX(70px); -ms-transform:translateX(70px); -o-transform:translateX(70px); transform:translateX(70px); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#mini_canvas .mini_list ul li a .txt .button em{display:inline-block; color:#FFF; font-size:14px; font-style:normal; -webkit-transform:translateX(-66px); -moz-transform:translateX(-66px); -ms-transform:translateX(-66px); -o-transform:translateX(-66px); transform:translateX(-66px); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#mini_canvas .mini_list ul li a .txt .button img{display:inline-block; width:13px; height:auto; border:0px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#mini_canvas .mini_list ul li a .txt .button:hover{width:170px; padding-right:10px; text-align:right;}
#mini_canvas .mini_list ul li a .txt .button:hover em{color:#666; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#mini_canvas .mini_list ul li a .txt .button:hover img{left:85%;}

#mini_canvas .mini_list ul li a .qqq{margin:0; padding:0; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:2; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-justify-content:flex-end; justify-content:flex-end; -ms-flex-pack:end; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row;}
#mini_canvas .mini_list ul li a .qqq img{height:15vh; width:auto; border:0px; -webkit-transform:translate(-50px,25px); -moz-transform:translate(-50px,25px); -ms-transform:translate(-50px,25px); -o-transform:translate(-50px,25px); transform:translate(-50px,25px); -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}

#mini_canvas .mini_list ul li:nth-child(odd) a .txt dl{background-color:#6d492e;}
#mini_canvas .mini_list ul li:nth-child(even) a .txt dl{background-color:#374c45;}

@media screen and (max-width:768px){
    #sort_canvas{display:none;}
    #mini_canvas{display:block;}
}
@media screen and (max-width:500px){
    #sort_canvas{display:none;}
    #mini_canvas{display:block;}
    #mini_canvas .mini_list ul li a .qqq img{height:10vh; width:auto; border:0px; -webkit-transform:translate(-25px,25px); -moz-transform:translate(-25px,25px); -ms-transform:translate(-25px,25px); -o-transform:translate(-25px,25px); transform:translate(-25px,25px);}
}
@media screen and (max-width:400px){
    #sort_canvas{display:none;}
    #mini_canvas{display:block;}
    #mini_canvas .mini_list ul li a .qqq{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:start; -ms-align-items:flex-start; -moz-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;}
    #mini_canvas .mini_list ul li a .qqq img{width:60px; height:auto; border:0px; -webkit-transform:translate(20px,0px); -moz-transform:translate(20px,0px); -ms-transform:translate(20px,0px); -o-transform:translate(20px,0px); transform:translate(20px,0px);}
}

#blend_banner{width:100%; height:auto; margin:0; padding:0; clear:both;}
#blend_banner .blend_banner{width:100%; height:auto; margin:0; padding:0; position:relative;}
#blend_banner .blend_banner .bbb{width:100%; height:auto; margin:0; padding:0; position:relative;}
#blend_banner .blend_banner .bbb img{width:100%; height:auto; border:0px;}
#blend_banner .blend_banner .qqq{width:100%; height:100%; margin:0; padding:0; position:absolute; left:0px; top:0px; z-index:3;}
#blend_banner .blend_banner .qqq .time_1{width:100%; height:auto; margin:0; padding:0; position:absolute; left:0px; bottom:5%;}
#blend_banner .blend_banner .qqq .time_1 ul{margin:0; padding:0; list-style-type:none; width:100%;}
#blend_banner .blend_banner .qqq .time_1 ul:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#blend_banner .blend_banner .qqq .time_1 ul li{margin:0; padding:0; float:left; width:12.5%;}
#blend_banner .blend_banner .qqq .time_1 ul li a{margin:0; padding:0; display:block; text-align:center;}
#blend_banner .blend_banner .qqq .time_1 ul li a .ppp{width:100%; height:auto; margin:0px 0px 20px 0px; padding:0;}
#blend_banner .blend_banner .qqq .time_1 ul li a .ppp img{height:80px; width:auto; border:0px;}
#blend_banner .blend_banner .qqq .time_1 ul li a .line{width:100%; height:15px; margin:0 auto; border-top:#FFF dashed 1px; position:relative;}
#blend_banner .blend_banner .qqq .time_1 ul li a .line:after{content: ""; display:block; position: absolute;  left:50%; top:0px; margin-left:-3px; margin-top:-3px; width:6px; height:6px; background-color:#FFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
#blend_banner .blend_banner .qqq .time_1 ul li a .nnn{color:#FFF; font-size:14px; line-height:14px; width:100%; height:auto; margin:0; padding:0;}
#blend_banner .blend_banner .qqq .time_1 ul li.on a .nnn{color:#F60;}
#blend_banner .blend_banner .qqq .time_1 ul li a:hover .nnn{color:#F60;}

#blend_banner .blend_banner .qqq .time_2{display:none; width:100%; height:auto; margin:0; padding:0; position:absolute; left:0px; bottom:5%;}
#blend_banner .blend_banner .qqq .time_2 ul{margin:0; padding:0; list-style-type:none; width:100%; text-align:center;}
#blend_banner .blend_banner .qqq .time_2 ul li{margin:0; padding:0; display:inline-block;}
#blend_banner .blend_banner .qqq .time_2 ul li a{color:#333; font-size:14px; line-height:14px; margin:5px 0px; padding:10px 33px; border:#D1D1D1 solid 1px; background-color:rgba(225,225,225,0.5); display:inline-block; -webkit-transition:all 0.5s ease-in-out 0ms; -moz-transition:all 0.5s ease-in-out 0ms; -ms-transition:all 0.5s ease-in-out 0ms; -o-transition:all 0.5s ease-in-out 0ms; transition:all 0.5s ease-in-out 0ms;}
#blend_banner .blend_banner .qqq .time_2 ul li a:hover{color:#FFF; border:#F93 solid 1px; background-color:#F93;}
#blend_banner .blend_banner .qqq .time_2 ul li.on a{color:#FFF; border:#F93 solid 1px; background-color:#F93;}

@media screen and (max-width:1400px){
    #blend_banner .blend_banner .qqq .time_1 ul li a .ppp{margin:0px 0px 15px 0px;}
    #blend_banner .blend_banner .qqq .time_1 ul li a .ppp img{height:70px;}
}
@media screen and (max-width:1024px){
    #blend_banner .blend_banner .qqq .time_1{display:none;}
    #blend_banner .blend_banner .qqq .time_2{display:block;}
}
@media screen and (max-width:768px){
    #blend_banner .blend_banner .qqq .time_1{display:none;}
    #blend_banner .blend_banner .qqq .time_2{display:block;}
    #blend_banner .blend_banner .qqq .time_2 ul li a{font-size:12px; line-height:12px; margin:5px 0px; padding:10px 20px;}
}
@media screen and (max-width:640px){
    #blend_banner .blend_banner .qqq .time_1{display:none;}
    #blend_banner .blend_banner .qqq .time_2{display:block; -webkit-transform:translateY(52px); -moz-transform:translateY(52px); -ms-transform:translateY(52px); -o-transform:translateY(52px); transform:translateY(52px);}
    #blend_banner .blend_banner .qqq .time_2 ul li a{font-size:12px; line-height:12px; margin:5px 0px; padding:10px 18px;}
}
@media screen and (max-width:400px){
    #blend_banner .blend_banner .qqq .time_1{display:none;}
    #blend_banner .blend_banner .qqq .time_2{display:block; -webkit-transform:translateY(52px); -moz-transform:translateY(52px); -ms-transform:translateY(52px); -o-transform:translateY(52px); transform:translateY(52px);}
    #blend_banner .blend_banner .qqq .time_2 ul li a{font-size:12px; line-height:12px; margin:5px 0px; padding:10px 14px;}
}


#foreword{width:100%; height:auto; margin:0; padding:0; clear:both;}
#foreword > dl{margin:0; padding:0; width:100%;}
#foreword > dl > dt{margin:0; padding:0; float:none; width:100%; clear:both;}
#foreword > dl > dd{margin:0; padding:0; float:none; width:100%; clear:both;}
#foreword .ppp_txt{width:94%; height:auto; margin:0 auto; padding:0;}
#foreword .ppp_txt:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#foreword .ppp_txt .ppp{width:49%; height:auto; margin:0; padding:0; float:left;}
#foreword .ppp_txt .txt{width:49%; height:auto; margin:0; padding:0; float:right;}

#foreword .ppp_txt .ppp img{width:100%; height:auto; border:0px;}

#foreword .ppp_txt .txt .explain_1{color:#666; font-size:33px; line-height:33px; padding-bottom:5px; padding-top:15px;}
#foreword .ppp_txt .txt .explain_2{color:#999; font-size:28px; line-height:30px; padding-bottom:10px; border-bottom:#ddd solid 1px; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
#foreword .ppp_txt .txt .zzz{color:#666; font-size:14px; line-height:22px; padding:25px 0px 0px 0px;}
#foreword .ppp_txt .txt .zzz p{margin:0; padding:0;}

#foreword > dl > dt:nth-of-type(1){height:80px; overflow:hidden;}
#foreword > dl > dt:nth-of-type(2){height:0px; overflow:hidden;}

@media screen and (max-width:1200px){
    #foreword .ppp_txt{width:96%;}
    #foreword .ppp_txt .txt .explain_1{font-size:24px; line-height:24px;}
    #foreword .ppp_txt .txt .explain_2{font-size:18px; line-height:20px;}
}
@media screen and (max-width:1024px){
    #foreword > dl > dt:nth-of-type(1){height:40px;}
    #foreword > dl > dt:nth-of-type(2){height:0px;}
    #foreword .ppp_txt{width:96%;}
    #foreword .ppp_txt .txt{width:100%; float:none;}
    #foreword .ppp_txt .txt .explain_1{font-size:24px; line-height:24px;}
    #foreword .ppp_txt .txt .explain_2{font-size:18px; line-height:20px;}
    #foreword .ppp_txt .ppp{width:100%; float:none; margin-top:20px;}
}


#product_explain{width:100%; height:auto; margin:0; padding:0; clear:both; background-color:#FFF;}
#product_explain .product_explain{width:90%; height:auto; margin:0 auto; padding:0;}
#product_explain .product_explain dl{margin:0; padding:0; width:100%;}
#product_explain .product_explain dl dt{margin:0; padding:0; float:none;}
#product_explain .product_explain dl dd{margin:0; padding:0; float:none;}

#product_explain .product_explain .cm{color:#666; font-size:34px; line-height:34px; text-align:center; padding-bottom:10px; letter-spacing:5px;}
#product_explain .product_explain .em{color:#999; font-size:30px; line-height:30px; text-align:center; position:relative;}
#product_explain .product_explain .em:after{content:""; display:block; width:100%; height:1px; overflow:hidden; background-color:#F96; position:absolute; left:0px; top:50%; z-index:1;}
#product_explain .product_explain .em em{display:inline-block; margin:0; padding:0px 15px; background-color:#FFF; position:relative; z-index:2; font-style:normal; font-weight:normal; text-transform:uppercase; font-family:"Times New Roman",Times,serif;}

#product_explain .product_explain dl dt:nth-of-type(1){height:100px; overflow:hidden;}
#product_explain .product_explain dl dt:nth-of-type(2){height:100px; overflow:hidden;}

@media screen and (max-width:768px){
    #product_explain .product_explain{width:96%;}
    #product_explain .product_explain .cm{font-size:24px; line-height:24px; padding-bottom:5px;}
    #product_explain .product_explain .em{font-size:20px; line-height:20px;}
    #product_explain .product_explain dl dt:nth-of-type(1){height:50px; overflow:hidden;}
    #product_explain .product_explain dl dt:nth-of-type(2){height:50px; overflow:hidden;}
}


#product_canvas{width:100%; height:auto; margin:0; padding:0; clear:both;}
#product_canvas .product_list{width:96%; height:auto; margin:0 auto; padding:0;}
#product_canvas .product_list ul{margin:0; padding:0; list-style-type:none; width:102.5%; margin-left:-2%;}
#product_canvas .product_list ul:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#product_canvas .product_list ul li{margin:0; padding:0; float:left; width:22.5%; margin-left:2.5%; margin-bottom:2%;}
#product_canvas .product_list ul li a{width:100%; height:auto; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#product_canvas .product_list ul li a .photo{width:100%; height:228px;margin:0; padding:0; position:relative;}
#product_canvas .product_list ul li a .photo .bbb{width:100%; height:auto; margin:0; padding:0; position:relative;}
#product_canvas .product_list ul li a .photo .bbb img{width:100%; height:auto; border:0px;}
#product_canvas .product_list ul li a .photo .ppp{width:100%; height:100%; margin:0; padding:0; position:absolute; left:0px; top:0px; overflow:hidden;}
#product_canvas .product_list ul li a .photo .ppp img{width:100%; height:auto; border:0px; -webkit-transition:transform 0.5s ease-in-out 0ms; -moz-transition:transform 0.5s ease-in-out 0ms; -ms-transition:transform 0.5s ease-in-out 0ms; -o-transition:transform 0.5s ease-in-out 0ms; transition:transform 0.5s ease-in-out 0ms;}
#product_canvas .product_list ul li a .nnn{width:100%; height:40px; line-height:40px; color:#666; font-size:14px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#product_canvas .product_list ul li a:hover .ppp img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

@media screen and (max-width:1024px){
    #product_canvas .product_list ul{width:103%; margin-left:-3%;}
    #product_canvas .product_list ul li{width:47%; margin-left:3%; margin-bottom:2%;}
}
@media screen and (max-width:440px){
    #product_canvas .product_list ul{width:100%; margin-left:0px; margin-right:0px;}
    #product_canvas .product_list ul li{width:100%; float:none; margin-left:0px; margin-bottom:2%;}
}


#pagination dl dt:nth-of-type(1){height:20px; overflow:hidden;}
#pagination dl dt:nth-of-type(2){height:50px; overflow:hidden;}

@media screen and (max-width:439px){
    #pagination dl dt:nth-of-type(1){height:10px;}
    #pagination dl dt:nth-of-type(2){height:40px;}
}

#blank_stage{width:100%; height:100px; margin:0; padding:0; clear:both;}
@media screen and (max-width:900px){
    #blank_stage{display:none;}
}

#crumb_section{width:100%; height:auto; margin:0; padding:0; clear:both;}
#crumb_section > dl{margin:0; padding:0; width:100%;}
#crumb_section > dl > dt{margin:0; padding:0; width:100%; float:none;}
#crumb_section > dl > dd{margin:0; padding:0; width:100%; float:none;}

#crumb_section > dl > dt:nth-of-type(1){height:20px; overflow:hidden;}
#crumb_section > dl > dt:nth-of-type(2){height:50px; overflow:hidden;}

#crumb_section .milk{width:100%; height:auto; margin:0 auto; padding:0px 0px 20px 0px; border-bottom:#ddd solid 1px; clear:both;}
#crumb_section .milk time{color:#666; font-size:16px; line-height:16px; width:1200px; height:auto; margin:0 auto; padding:0; display:block;}

@media screen and (max-width:1200px){
    #crumb_section > dl > dt:nth-of-type(1){height:20px; overflow:hidden;}
    #crumb_section > dl > dt:nth-of-type(2){height:50px; overflow:hidden;}
    #crumb_section .milk time{font-size:14px; line-height:14px; width:96%;}
}
@media screen and (max-width:768px){
    #crumb_section > dl > dt:nth-of-type(1){height:20px; overflow:hidden; background-color:#F6F6F6;}
    #crumb_section > dl > dt:nth-of-type(2){height:20px; overflow:hidden;}
    #crumb_section > dl > dd{background-color:#F6F6F6;}
    #crumb_section .milk{border-bottom:#ddd solid 0px;}
    #crumb_section .milk time{font-size:14px; line-height:14px; width:96%;}
}


#design_section_1{width:100%; height:auto; margin:0; padding:0; clear:both;}
#design_section_1 .design_section_1{width:1200px; height:auto; margin:0 auto; padding:0; clear:both;}
#design_section_1 .design_section_1:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#design_section_1 .design_section_1 .section_l{width:40%; height:auto; float:left; overflow:hidden;}
#design_section_1 .design_section_1 .section_r{width:55%; height:auto; float:right;}

#design_section_1 .design_section_1 .section_l img{width:100%; height:auto; border:0px;}

#design_section_1 .design_section_1 .section_r > dl{margin:0; padding:0; width:100%;}
#design_section_1 .design_section_1 .section_r > dl > dt{margin:0; padding:0; width:100%; float:none;}
#design_section_1 .design_section_1 .section_r > dl > dd{margin:0; padding:0; width:100%; float:none;}

#design_section_1 .design_section_1 .section_r > dl > dt:nth-of-type(1){height:0px; overflow:hidden;}
#design_section_1 .design_section_1 .section_r > dl > dt:nth-of-type(2){height:20px; overflow:hidden;}
#design_section_1 .design_section_1 .section_r > dl > dt:nth-of-type(3){height:30px; overflow:hidden;}
#design_section_1 .design_section_1 .section_r > dl > dt:nth-of-type(4){height:30px; overflow:hidden;}

#design_section_1 .design_section_1 .section_r .nnn{color:#6d492e; font-size:24px; line-height:24px;}
#design_section_1 .design_section_1 .section_r .line{color:#6d492e; font-size:0px; line-height:0px; height:1px;
    background-color:#bababa; overflow:hidden;}
#design_section_1 .design_section_1 .section_r .zzz{color:#666; font-size:14px; line-height:20px;}

#design_section_1 .design_section_1 .section_r .button{color:#FFF; font-size:14px; line-height:14px; background-color:#6d492e; margin:0; padding:10px 20px; display:inline-block; position:relative; z-index:3;}
#design_section_1 .design_section_1 .section_r .button:after{content:""; display:block; width:0px; height:100%; background-color:#F93; overflow:hidden; position:absolute; left:0px; top:0px; z-index:-1; -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
#design_section_1 .design_section_1 .section_r .button:hover:after{width:100%;}


@media screen and (max-width:1200px){
    #design_section_1 .design_section_1{width:96%; margin:0 auto;}
}
@media screen and (max-width:768px){
    #design_section_1 .design_section_1{width:96%; margin:0 auto;}
    #design_section_1 .design_section_1 .section_l{width:100%; float:none;}
    #design_section_1 .design_section_1 .section_r{width:100%; float:none;}
    #design_section_1 .design_section_1 .section_r .nnn{font-size:16px; line-height:16px;}
    #design_section_1 .design_section_1 .section_r .uuu{font-size:14px; line-height:14px;}
    #design_section_1 .design_section_1 .section_r .zzz{font-size:12px; line-height:18px;}
    #design_section_1 .design_section_1 .section_r > dl > dt:nth-of-type(1){height:25px;}
}


#design_section_1 .design_section_1 .section_r .xx_related .xx_explain{width:100%; height:auto; margin:0; padding:0; clear:both;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl{margin:0; padding:0; width:100%;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt{margin:0; padding:0; width:100%; float:none;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dd{margin:0; padding:0; width:100%; float:none;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl .nnn{color:#666; font-size:18px; line-height:18px; padding-bottom:15px; border-bottom:#9b7253 solid 1px;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(1){height:100px; overflow:hidden;}
#design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(2){height:25px; overflow:hidden;}

@media screen and (max-width:1200px){
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(1){height:50px;}
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(2){height:20px;}
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl .nnn{font-size:16px; line-height:16px;}
}
@media screen and (max-width:768px){
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(1){height:50px;}
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl dt:nth-of-type(2){height:20px;}
    #design_section_1 .design_section_1 .section_r .xx_related .xx_explain dl .nnn{font-size:16px; line-height:16px; border-bottom:#ddd solid 1px;}
}


#design_section_1 .design_section_1 .section_r .xx_related{width:100%; height:auto; margin:0; padding:0; clear:both;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container{width:100%; height:auto; margin:0; padding:0; position:relative;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper{width:100%; height:auto; margin:0; padding:0; position:relative;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide{width:auto; height:auto; margin:0; padding:0; float:left;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a{width:100%; height:auto; margin:0; padding:0; display:block; position:relative;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a .object_ppp{width:100%; height:auto; margin:0; padding:0;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a .object_ppp img{width:100%; height:auto; border:0px;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a .object_txt{opacity:0; width:100%; height:100%; margin:0; padding:0; border-radius:15px; background-color:rgba(0,0,0,0.35); position:absolute; left:0px; top:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a .object_txt time{opacity:0; color:#FFF; font-size:14px; line-height:16px; display:block; width:90%; height:auto; margin:0; padding:0; text-align:center; position:absolute; left:5%; top:42%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a:hover .object_txt{opacity:1;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-wrapper .swiper-slide a:hover .object_txt time{opacity:1; top:47%;}

#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-button-next{width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; right:0px; top:0px; bottom:0px; z-index:100; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-button-next i{color:#FFF; display:inline-block; font-size:40px; line-height:40px;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-button-prev{width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; left:0px; top:0px; bottom:0px; z-index:100; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;}
#design_section_1 .design_section_1 .section_r .xx_related .swiper-container .swiper-button-prev i{color:#FFF; display:inline-block; font-size:40px; line-height:40px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

#design_section_1 .design_section_1 .section_r .xx_related .bottom_line{width:100%; height:27px; margin:0; padding:0; border-bottom:#9b7253 solid 1px; clear:both;}

@media screen and (max-width:768px){
    #design_section_1 .design_section_1 .section_r .xx_related .bottom_line{display:none; height:22px;}
}

#design_section_1 .design_section_1 .section_r table{width:100%; border:#ddd solid 1px; border-collapse:collapse;}
#design_section_1 .design_section_1 .section_r table tr{border-bottom:#ddd solid 1px;}
#design_section_1 .design_section_1 .section_r table tr td:nth-of-type(1){color:#000; padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px;}
#design_section_1 .design_section_1 .section_r table tr td:nth-of-type(2){border-left:#ddd solid 1px; padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px;}
#design_section_1 .design_section_1 .section_r table tr:nth-child(odd) td{}
#design_section_1 .design_section_1 .section_r table tr:nth-child(even) td{background-color:#F9F9F9;}



#design_section_2{width:100%; height:auto; margin:0; padding:0; clear:both;}
#design_section_2 .section_explain{width:1200px; height:auto; margin:0 auto; padding:0; clear:both;}
#design_section_2 .section_explain dl{margin:0; padding:0; width:100%;}
#design_section_2 .section_explain dl dt{margin:0; padding:0; float:none;}
#design_section_2 .section_explain dl dd{margin:0; padding:0; float:none;}

#design_section_2 .section_explain dl .nnn{color:#666; font-size:20px; line-height:20px; padding-bottom:15px; border-bottom:#ddd solid 1px;}

#design_section_2 .section_explain dl dt:nth-of-type(1){height:50px; overflow:hidden;}
#design_section_2 .section_explain dl dt:nth-of-type(2){height:50px; overflow:hidden;}

@media screen and (max-width:1200px){
    #design_section_2 .section_explain{width:96%;}
}

#design_section_2 .section_content{width:1200px; height:auto; margin:0 auto; padding:0; clear:both;}
#design_section_2 .section_content img{width:auto; max-width:100%; height:auto; border:0px;}
#design_section_2 .section_content p{color:#666; font-size:14px; line-height:22px; margin:0; padding:0;}

@media screen and (max-width:1200px){
    #design_section_2 .section_content{width:96%;}
}
@media screen and (max-width:768px){
    #design_section_2 .section_explain dl dt:nth-of-type(1){height:33px; overflow:hidden;}
    #design_section_2 .section_explain dl dt:nth-of-type(2){height:25px; overflow:hidden;}
    #design_section_2 .section_explain dl .nnn{font-size:16px; line-height:16px;}
}


#design_section_2 .section_content .prev_next{width:100%; height:auto; margin:0; padding:0; clear:both; padding-top:50px; padding-bottom:50px; border-top:#e0e0e0 solid 1px;}
#design_section_2 .section_content .prev_next dl{margin:0; padding:0; width:100%;}
#design_section_2 .section_content .prev_next dl:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#design_section_2 .section_content .prev_next dl dt{margin:0; padding:0; float:right;}
#design_section_2 .section_content .prev_next dl dd{margin:0; padding:0; float:left;}
#design_section_2 .section_content .prev_next p{margin:0; padding:0; display:block; line-height:14px;}
#design_section_2 .section_content .prev_next p:nth-of-type(1){margin-bottom:10px;}
#design_section_2 .section_content .prev_next p a{display:inline-block; color:#333; font-size:14px; padding-bottom:4px; -webkit-transition:color 0.25s,border 0.25s; -moz-transition:color 0.25s,border 0.25s; -ms-transition:color 0.25s,border 0.25s; -o-transition:color 0.25s,border 0.25s; transition:color 0.25s,border 0.25s;}
#design_section_2 .section_content .prev_next p a:hover{color:#0062ab;}
#design_section_2 .section_content .prev_next a.return{display:inline-block; padding:10px 25px; float:right; text-align:center; font-size:12px; line-height:12px; color:#333; background-color:#FFF; border:#e0e0e0 solid 1px;}
#design_section_2 .section_content .prev_next a.return:hover{background-color:#f1f1f1;}
#design_section_2 .section_content .prev_next a.return i{font-size:14px;}

#design_section_2 .section_content .mini_prev_next{display:none; width:100%; height:auto; margin:0; padding:0; clear:both; padding-top:20px; padding-bottom:20px; border-top:#e0e0e0 solid 1px;}
#design_section_2 .section_content .mini_prev_next dl{margin:0; padding:0; width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:horizontal; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row;}
#design_section_2 .section_content .mini_prev_next dl dt{margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
#design_section_2 .section_content .mini_prev_next dl dd{margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
#design_section_2 .section_content .mini_prev_next a.return{margin:0px 20px; padding:0px 29px; display:inline-block; white-space:nowrap;}
#design_section_2 .section_content .mini_prev_next a.return:hover{color:#00a0e9;}

@media screen and (max-width:768px){
    #design_section_2 .section_content .prev_next{display:none;}
    #design_section_2 .section_content .mini_prev_next{display:block;}
}


#write_email{width:100%; height:auto; margin:0; padding:90px 0px 90px 0px; clear:both; background-color:#000; background-repeat:no-repeat; background-size:cover;}
#write_email .write_email{width:1000px; height:auto; margin:0 auto; padding:0;}
#write_email .write_email dl{margin:0; padding:0; width:100%;}
#write_email .write_email dl dt{margin:0; padding:0; float:none;}
#write_email .write_email dl dd{margin:0; padding:0; float:none;}
#write_email .write_email .em_explain{color:#FFF; font-size:26px; line-height:26px; text-align:center; text-transform:uppercase;}
#write_email .write_email .cm_explain{color:#FFF; font-size:30px; line-height:30px; text-align:center;}

#write_email .write_email .choice{width:100%; height:auto; margin:0; padding:0; clear:both;}
#write_email .write_email .choice ul{margin:0; padding:0; list-style-type:none; width:100%; text-align:center;}
#write_email .write_email .choice ul li{margin:0; padding:0; display:inline-block; color:#FFF; font-size:16px; line-height:16px; text-align:left;}
#write_email .write_email .choice ul li:not(:first-child){margin-left:50px;}
#write_email .write_email .choice label{cursor:pointer;}

#write_email .write_email .input{width:100%; height:auto; margin:0; padding:0; clear:both;}
#write_email .write_email .input ul{margin:0; padding:0; list-style-type:none; width:100%;}
#write_email .write_email .input ul:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#write_email .write_email .input ul li{margin:0; padding:0; width:48%;}
#write_email .write_email .input ul li:nth-child(odd){float:left;}
#write_email .write_email .input ul li:nth-child(even){float:right;}
#write_email .write_email .input input[type="text"]{width:100%; height:30px; line-height:30px; color:#FFF; font-size:14px; background-color:transparent; border:none; border-bottom:#FFF solid 1px; padding:7px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

#write_email .write_email .textarea{width:100%; height:auto; margin:0; padding:0; clear:both;}
#write_email .write_email .textarea textarea{width:100%; height:50px; line-height:20px; color:#FFF; font-size:12px; background-color:transparent; border:none; border-bottom:#FFF solid 1px; padding:5px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

#write_email .write_email .button{width:100%; height:auto; margin:0; padding:0; clear:both; text-align:center;}

#write_email .write_email .button a{color:#FFF; font-size:12px; line-height:34px; height:34px; margin:0; padding:0px 50px; border:#FFF solid 1px; display:inline-block; text-transform:uppercase; position:relative; z-index:3;}
#write_email .write_email .button a:after{content:""; display:block; width:0px; height:100%; background-color:#F90; overflow:hidden; position:absolute; left:0px; top:0px; z-index:-1; -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
#write_email .write_email .button a:hover{border:#F90 solid 1px;}
#write_email .write_email .button a:hover:after{width:100%;}


#write_email .write_email dl dt:nth-of-type(1){height:10px; overflow:hidden;}
#write_email .write_email dl dt:nth-of-type(2){height:50px; overflow:hidden;}
#write_email .write_email dl dt:nth-of-type(3){height:30px; overflow:hidden;}
#write_email .write_email dl dt:nth-of-type(4){height:30px; overflow:hidden;}
#write_email .write_email dl dt:nth-of-type(5){height:40px; overflow:hidden;}

@media screen and (max-width:1024px){
    #write_email .write_email{width:90%;}
}
@media screen and (max-width:480px){
    #write_email .write_email{width:96%;}
    #write_email .write_email .choice ul li:not(:first-child){margin-left:33px;}
}

.append_shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.07); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.07); -ms-box-shadow:0 1px 3px rgba(0,0,0,0.07); -o-box-shadow:0 1px 3px rgba(0,0,0,0.07); box-shadow:0 1px 3px rgba(0,0,0,0.07);}