@charset "utf-8";
body{overflow-y:scroll;}
header{position:absolute; background:none; border-bottom:none;box-shadow: none;}
.language_area {position:relative; width:120px; margin:5px 5% 0 auto; font-size:16px; font-family:'Noto-B', 'NotoETC-B';}
.language_btn{width:100%; height:20px; padding:0; border:none; background:url("../images/bg_language.png") center right no-repeat; background-size:75px auto; cursor:pointer;}
.language_btn:focus {outline: none;}
.language_btn.active{background:url("../images/bg_language_on.png") center right no-repeat; background-size:75px auto;}
.language_list{display:none; position:absolute; top:30px; right:0; border:1px solid #000; background:#fff;}
.language_list li a{display:block; padding: 5px 10px; line-height: 1.3; font-weight:bold; font-size: 12px; color:#000;}
.language_list li a:hover, .language_list li.active a {color:#fff; background-color:#a47b61;}
.language_list .rtl{text-align:right;}

section{min-height: calc(100vh - 74px); color:#fff; background:#000;/*CHN*/}
section .wrap{width: 100%;}

.cover{display:block;}
.cover .cover_img{position:relative;}
.cover .model{position:absolute; bottom:15px; right:5%; font-size:16px; line-height:130%; color:#CD9A81; text-align: right; font-family:"point", "NotoETC", "Noto", sans-serif;text-transform: uppercase;}/*CHN*/
.cover_list{display:flex; padding:20px; flex-wrap:wrap; text-align:center; line-height:1.2; font-size:16px; color:#fff;}
.cover_list li{width:32%; margin-right:2%; margin-bottom:2%;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);}
.cover_list li:nth-child(3n){margin-right:0;}
.cover_list a{display:block; width:100%; height:100%; border:1px solid #cd9a81; background:none; box-sizing:border-box;}
.cover_list img{display:block; max-width:45px; margin:0 auto; padding:10% 0 15% 0;}
.cover_list p{width:90%; padding-bottom:15%; line-height:1.3; font-size:12px; margin:0 auto; font-family: 'Noto-M' , 'NotoETC-M', sans-serif; word-break: break-word;}
.cover_list li.hover a{background-color:#cd9a81;;}
.cover_list li.hover p{color:#fff;}

.caution_txt {padding:0 5% 5vh; line-height:1.3; font-size:12px;}

footer{box-shadow: 0 0 60px rgb(0 0 0 / 30%);}


@media screen and (min-width:600px) {
	.language_btn{background-size:100px auto;}
	.language_btn.active{background-size:100px auto;}
	.language_list li a{font-size: 16px;}
	.cover .model{font-size: 24px;}
	.cover_list p{font-size:16px;}
	.cover_list img{max-width:65px; padding:10% 0;}
	.caution_txt{padding:0 0 5vh;font-size: 14px;}
}

@media screen and (min-width: 768px) {
	header .wrap{width:84%}
	section .wrap{width:90%; max-width:1024px; margin:0 auto;}
	.cover_list{padding:20px 0;}	
	.cover_list li{width:19.2%; margin-right:1%; margin-bottom:1%;}
	.cover_list li:nth-child(3n){margin-right:1%;}
	.cover_list li:nth-child(5n){margin-right:0;}
}



html[data-code^="EEC_"] .cover_list li{width:49%;}
html[data-code^="EEC_"] .cover_list li:nth-child(3n){margin-right:2%;}
html[data-code^="EEC_"] .cover_list li:nth-child(2n){margin-right:0;}
html[data-code^="EEC_"] .cover_list img{max-width:60px; padding:8% 0;}
html[data-code^="EEC_"] .cover_list p{padding-bottom:10%; font-size:16px}

@media screen and (min-width: 768px) {
	html[data-code^="EEC_"] .cover_list li{width:24.25%;}
	html[data-code^="EEC_"] .cover_list li:nth-child(2n){margin-right:1%;}
	html[data-code^="EEC_"] .cover_list li:nth-child(3n){margin-right:1%;}
	html[data-code^="EEC_"] .cover_list li:nth-child(4n){margin-right:0;}
	html[data-code^="EEC_"] .cover_list li:nth-child(5n){margin-right:1%;}
}