@charset "utf-8";
/* CSS Document */
#light_bx2{background-color:rgba(0,0,0,.8);}
#inbx_map{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-image:url(../images/in_map.jpg), url(../images/in_03.jpg), url(../images/in_02.jpg);
	background-size:100% auto,100% auto,100% auto;
	overflow:hidden;
	}

#inbx_map .inb1{
	position:relative;
	width:100%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/in_01a.png);
	background-size:100% auto;
	z-index:1;
	}
.int1,.ind1{
	position:relative;
	width:100%;	
	}
.int1{padding-bottom:23%;/*580*/}
.ind1{padding-bottom:23%;/*500 28%*/}
.ind1::before{
	position:absolute;
	width:100%;/*2000*/
	padding-bottom:51.85%;/*1037*/
	content:"";
	pointer-events: none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/kkg.png);
	background-size:100% auto;
	left: 0;
	bottom: 0;
	}
.icbg{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/ncbg_map.jpg);
	background-size:100% auto;
	}
.ics{
	position: relative;
	width: 100%;
	padding-bottom:6.9%;
	display: block;
	}
.inc1{
	position:relative;
	width:1200px;
	min-height:100px;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat;
	background-position:0% 50%,100% 50%;
	background-image:url(../images/ins.png),url(../images/ins.png);
	background-size:2px 100%,2px 100%;
	padding:0 7px;
	margin:0 auto;
	text-align: center;
	/**/
	font-size: 1.6rem;
	line-height:2.2rem;
	color: #383d4a;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.p2{
	position:absolute;
	width:50%;/*1000*/
	padding-bottom:38.35%;/*767*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/p3.png);
	background-size:100% auto;
	pointer-events: none;
	top:0;
	left:46.5%;
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	/**/
	animation:fadeInRight .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .8s ease;
	-webkit-animation-fill-mode:forwards;
	}
.t_map{
	position:relative;
	width:34.75%;/*695*/
	padding-bottom:8.45%;/*189 /* 9.45*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/tit_map.png);
	background-size:100% auto;
	margin:0 auto;
	}
/**/
.country_mu{
	position:relative;
	width:850px;
	/*height:4.5rem;*/
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-X;
	background-image:url(../images/cs_2.png),url(../images/cs_2.png),url(../images/cs_1.png);
	background-position:0% 100%,100% 100%,0% 100%;
	background-size:8px auto,8px auto,100% 8px;
	margin:0 auto;
	padding: 0 10px 18px;
	text-align:center;
	top: -50px;
	}
.mapbt .swiper-slide{
	position: relative;
	cursor:pointer;
	text-align: center;
	}
.mapbt .swiper-slide > p{
	position:relative;
	width:82px;
	padding-bottom:82px;
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}

.mapbt .swiper-slide > p.on::before{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	left: 0;
	bottom: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(../images/country_0.png);
	background-size: 100% auto;
	/**/
	animation: rotate 8s linear infinite;
	}

.country1{background-image:url(../images/country1.png);}
.country2{background-image:url(../images/country2.png);}
.country3{background-image:url(../images/country3.png);}
.country4{background-image:url(../images/country4.png);}
.country5{background-image:url(../images/country5.png);}
.country6{background-image:url(../images/country6.png);}
.country7{background-image:url(../images/country7.png);}
.country8{background-image:url(../images/country8.png);}
.country9{background-image:url(../images/country9.png);}
.country1.on{background-image:url(../images/country1a.png);}
.country2.on{background-image:url(../images/country2a.png);}
.country3.on{background-image:url(../images/country3a.png);}
.country4.on{background-image:url(../images/country4a.png);}
.country5.on{background-image:url(../images/country5a.png);}
.country6.on{background-image:url(../images/country6a.png);}
.country7.on{background-image:url(../images/country7a.png);}
.country8.on{background-image:url(../images/country8a.png);}
.country9.on{background-image:url(../images/country9a.png);}

/**/
.countrybx{
	position: relative;
	width: 100%;
	min-height:650px;/*500*/
	display: block;
	margin-top: -35px;
	}
.cou_b{
	position:absolute;
	width: 100%;
	pointer-events:none;
	opacity:0;
	transition: all .5s;
	}
.cou_b.on{
	position:relative;
	pointer-events:auto;
	opacity:1;
	}
.c_b1{}


.countrybx  .flagbx{
	position:absolute;
	width:27.5%;
	display: block;
	top: -8px;
	left: -2.5%;
	transition: all .8s;
	}
.countrybx .cou_b.on .flagbx{top:0;}

.countrybx  .flagbx::before{
	position:relative;
	width:100%;/*321*/
	padding-bottom:212.46%;/*682*/
	content: "";
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	}
.countrybx .c_b1 .flagbx::before{background-image:url(../images/flagbx_1.png);}
.countrybx .c_b2 .flagbx::before{background-image:url(../images/flagbx_2.png);}
.countrybx .c_b3 .flagbx::before{background-image:url(../images/flagbx_3.png);}
.countrybx .c_b4 .flagbx::before{background-image:url(../images/flagbx_4.png);}
.countrybx .c_b5 .flagbx::before{background-image:url(../images/flagbx_5.png);}
.countrybx .c_b6 .flagbx::before{background-image:url(../images/flagbx_6.png);}
.countrybx .c_b7 .flagbx::before{background-image:url(../images/flagbx_7.png);}
.countrybx .c_b8 .flagbx::before{background-image:url(../images/flagbx_8.png);}
.countrybx .c_b9 .flagbx::before{background-image:url(../images/flagbx_9.png);}

.countrybx  .cou1{
	position: relative;
	padding:0 4% 15px 27.5%;/*330 50*/
	font-size:1.5rem;/*18*/
	line-height:2.5rem;/*30*/
	color: #3d4559;
	text-align: left;
	}
.countrybx  .cou1 > p{
	position:relative;
	width:27.7%;/*250 / 9*/
	display: block;
	}
.countrybx  .cou1 > p::before{
	position:relative;
	width:100%;/*250*/
	padding-bottom:34%;/*85*/
	content: "";
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	}
.c_n1::before{background-image:url(../images/cou_name_1.png);}
.c_n2::before{background-image:url(../images/cou_name_2.png);}
.c_n3::before{background-image:url(../images/cou_name_3.png);}
.c_n4::before{background-image:url(../images/cou_name_4.png);}
.c_n5::before{background-image:url(../images/cou_name_5.png);}
.c_n6::before{background-image:url(../images/cou_name_6.png);}
.c_n7::before{background-image:url(../images/cou_name_7.png);}
.c_n8::before{background-image:url(../images/cou_name_8.png);}
.c_n9::before{background-image:url(../images/cou_name_9.png);}

.countrybx  .cou2{
	position:relative;
	width:114.25%;/*1371*/
	padding-bottom:69%;/*828*/
	/*background-color: #B8B0B0;*/
	text-align:center;
	}
.countrybx  .cou2 > .cp{
	position:absolute;
	width:100%;
	height:100%;
	display: block;
	pointer-events: none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	top: 0;
	/**/
	transition: all .5s;
	}
.countrybx  .cou2 > .cp.ot{filter: saturate(25%)blur(1.2px);}/*filter: grayscale(50%)brightness(80%);*/
.countrybx  .cou2 > .cp.on{filter: saturate(130%)blur(0px);}
.co1_per1{background-image:url(../images/co1_per1.png);z-index:2;left:20px; }
.co1_per2{background-image:url(../images/co1_per2.png);left:-30px; }	
.co1_per3{background-image:url(../images/co1_per3.png);z-index:1;left:30px; }
.co1_per4{background-image:url(../images/co1_per4.png);left:-20px; }
/*2*/
.co2_per1{background-image:url(../images/co2_per1.png);left:20px;z-index:1;}
.co2_per2{background-image:url(../images/co2_per2.png);left:-30px;}
/*3*/
.co3_per1{background-image:url(../images/co3_per1.png);z-index:2;left:20px; }
.co3_per2{background-image:url(../images/co3_per2.png);left:-30px; }	
.co3_per3{background-image:url(../images/co3_per3.png);left:30px; }
/*4*/
.co4_per1{background-image:url(../images/co4_per1.png);z-index:3;left:20px; }
.co4_per2{background-image:url(../images/co4_per2.png);z-index:2;left:-30px; }	
.co4_per3{background-image:url(../images/co4_per3.png);z-index:1;left:30px; }
.co4_per4{background-image:url(../images/co4_per4.png);left:-20px; }
/*5*/
.co5_per1{background-image:url(../images/co5_per1.png);z-index:3;left:20px; }
.co5_per2{background-image:url(../images/co5_per2.png);z-index:2;left:-30px; }	
.co5_per3{background-image:url(../images/co5_per3.png);z-index:1;left:30px; }
.co5_per4{background-image:url(../images/co5_per4.png);left:-20px; }
/*6*/
.co6_per1{background-image:url(../images/co6_per1.png);z-index:2;left:20px; }
.co6_per2{background-image:url(../images/co6_per2.png);z-index:1;left:-30px; }	
.co6_per3{background-image:url(../images/co6_per3.png);left:30px; }
/*7*/
.co7_per1{background-image:url(../images/co7_per1.png);z-index:1;left:20px; }
.co7_per2{background-image:url(../images/co7_per2.png);left:-30px; }	
/*8*/
.co8_per1{background-image:url(../images/co8_per1.png);z-index:2;left:20px; }
.co8_per2{background-image:url(../images/co8_per2.png);z-index:1;left:-30px; }	
.co8_per3{background-image:url(../images/co8_per3.png);left:30px; }
/*9*/
.co9_per1{background-image:url(../images/co9_per1.png);z-index:1;left:20px; }
.co9_per2{background-image:url(../images/co9_per2.png);left:-30px; }

.countrybx .cou_b.on .cou2 > .cp{left:0;}

.cp_bt{
	position: absolute;
	width:16%;/*222x 100*/
	display: block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/cp_bt_o.png);
	background-size: 100% auto;
	z-index: 3;
	}
.cp_bt p{
	position:absolute;
	/*width:100%;
	height:800%;
	
	top:50%;
	left:42%;
	background-color:#0C0;*/
	transform: translate(-50%,-50%);
	opacity:.5;
	}
.cp_bt::before{
	position: relative;
	width:100%;
	padding-bottom:45%;/*100*/
	content: "";
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/cp_bt_o2.png);
	background-size: 100% auto;
	/**/
	opacity:0;
	/**/
	transition: all .5s;
	}

.cp_bt:hover::before{opacity: 1;}

.cp_bt::after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	pointer-events:none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	top: 0;
	left: 0;
	}
.cp_bt.cp_bt_1_1{
	top: 57.5%;
  	left:22%;
	}
.cp_bt.cp_bt_1_1::after{background-image:url(../images/cp_bt_1_1.png);}

.cp_bt.cp_bt_1_1 p{
	width: 190%;
	height: 720%;
	top: -37%;
	left: 39%;
	}
	
.cp_bt.cp_bt_1_2{
	top: 33.5%;
  	left: 35.6%;
	}
.cp_bt.cp_bt_1_2::after{background-image:url(../images/cp_bt_1_2.png);}

.cp_bt.cp_bt_1_2 p{
	width: 120%;
	height: 350%;
	top: -87%;
	left: 45%;
	}
	
.cp_bt.cp_bt_1_3{
	top: 58.5%;
  	left: 55.5%;
	}
.cp_bt.cp_bt_1_3::after{background-image:url(../images/cp_bt_1_3.png);}

.cp_bt.cp_bt_1_3 p{
	width: 140%;
	height: 760%;
	top: -87%;
	left: 43%;
	}

.cp_bt.cp_bt_1_4{
	top: 51.5%;
  	left: 73.3%;
	}
.cp_bt.cp_bt_1_4::after{background-image:url(../images/cp_bt_1_4.png);}

.cp_bt.cp_bt_1_4 p{
	width: 120%;
	height: 760%;
	top: -39%;
	left: 60%;
	}

/*2*/
.cp_bt.cp_bt_2_1{
	top: 65%;
  	left: 50%;
	}
.cp_bt.cp_bt_2_1::after{background-image:url(../images/cp_bt_2_1.png);}

.cp_bt.cp_bt_2_1 p{
	width: 300%;
  	height: 800%;
  top: -137%;
  left: 89%;
	}
.cp_bt.cp_bt_2_2{
	top: 56%;
  	left: 21%;
	}
.cp_bt.cp_bt_2_2::after{background-image:url(../images/cp_bt_2_2.png);}

.cp_bt.cp_bt_2_2 p{
	width: 200%;
	height: 800%;
	top: -62%;
	left: 60%;
	}
/*3*/
.cp_bt.cp_bt_3_1{
	top: 62.5%;
  	left: 43%;
	}
.cp_bt.cp_bt_3_1::after{background-image:url(../images/cp_bt_3_1.png);}

.cp_bt.cp_bt_3_1 p{
	width: 190%;
	height: 800%;
	top: -105%;
	left: 60%;
	}
	
.cp_bt.cp_bt_3_2{
	top: 61.5%;
  	left: 12%;
	}
.cp_bt.cp_bt_3_2::after{background-image:url(../images/cp_bt_3_2.png);}

.cp_bt.cp_bt_3_2 p{
	width: 190%;
	height: 800%;
	top: -105%;
	left: 64%;
	}

.cp_bt.cp_bt_3_3{
	top: 61.5%;
  	left: 72%;
	}
.cp_bt.cp_bt_3_3::after{background-image:url(../images/cp_bt_3_3.png);}

.cp_bt.cp_bt_3_3 p{
  	width: 172%;
  	height: 800%;
  	top: -105%;
  	left: 60%;
	}

/*4*/
.cp_bt.cp_bt_4_1{
	top: 58.5%;
  	left: 58.8%;
	}
.cp_bt.cp_bt_4_1::after{background-image:url(../images/cp_bt_4_1.png);}

.cp_bt.cp_bt_4_1 p{
  	width: 138%;
 	height: 800%;
  	top: -90%;
  	left: 50%;
	}

.cp_bt.cp_bt_4_2{
	top: 57.5%;
  	left:18%;
	}
.cp_bt.cp_bt_4_2::after{background-image:url(../images/cp_bt_4_2.png);}

.cp_bt.cp_bt_4_2 p{
  	width: 138%;
 	height: 800%;
  	top: -90%;
  	left: 50%;
	}
	
.cp_bt.cp_bt_4_3{
	top: 38.5%;
  	left: 38.6%;
	}
.cp_bt.cp_bt_4_3::after{background-image:url(../images/cp_bt_4_3.png);}

.cp_bt.cp_bt_4_3 p{
	width: 116%;
	height: 430%;
	top: -120%;
	left: 50%;
	}

.cp_bt.cp_bt_4_4{
	top: 51.5%;
  	left: 78.3%;
	}
.cp_bt.cp_bt_4_4::after{background-image:url(../images/cp_bt_4_4.png);}

.cp_bt.cp_bt_4_4 p{
	width: 108%;
	height: 520%;
	top: -145%;
	left: 50%;
	}
/*5*/
.cp_bt.cp_bt_5_1{
	top: 58.5%;
  	left: 54.8%;
	}
.cp_bt.cp_bt_5_1::after{background-image:url(../images/cp_bt_5_1.png);}

.cp_bt.cp_bt_5_1 p{
	width: 120%;
	height: 800%;
	top: -90%;
	left: 63%;
	}

.cp_bt.cp_bt_5_2{
	top: 57.5%;
  	left:18%;
	}
.cp_bt.cp_bt_5_2::after{background-image:url(../images/cp_bt_5_2.png);}

.cp_bt.cp_bt_5_2 p{
	width: 165%;
	height: 800%;
	top: -90%;
	left: 56%;
	}

.cp_bt.cp_bt_5_3{
	top: 51.5%;
  	left: 75.3%;
	}
.cp_bt.cp_bt_5_3::after{background-image:url(../images/cp_bt_5_3.png);}

.cp_bt.cp_bt_5_3 p{
	width: 150%;
	height: 620%;
	top: -119%;
	left: 70%;
	}

.cp_bt.cp_bt_5_4{
	top:52.5%;
  	left: 39.2%;
	}
.cp_bt.cp_bt_5_4::after{background-image:url(../images/cp_bt_5_4.png);}

.cp_bt.cp_bt_5_4 p{
	width: 100%;
	height: 570%;
	top: -160%;
	left: 56%;
	}
/*6*/
.cp_bt.cp_bt_6_1{
	top: 62.5%;
  	left: 43%;
	}
.cp_bt.cp_bt_6_1::after{background-image:url(../images/cp_bt_6_1.png);}

.cp_bt.cp_bt_6_1 p{
	width: 165%;
	height: 860%;
	top: -90%;
	left: 66%;
	}
	
.cp_bt.cp_bt_6_2{
	top: 61.5%;
  	left:20%;
	}
.cp_bt.cp_bt_6_2::after{background-image:url(../images/cp_bt_6_2.png);}

.cp_bt.cp_bt_6_2 p{
	width: 165%;
	height: 800%;
	top: -75%;
	left: 45%;
	}

.cp_bt.cp_bt_6_3{
	top: 61.5%;
  	left: 72%;
	}
.cp_bt.cp_bt_6_3::after{background-image:url(../images/cp_bt_6_3.png);}

.cp_bt.cp_bt_6_3 p{
	width: 165%;
	height: 800%;
	top: -75%;
	left: 50%;
	}
/*7*/
.cp_bt.cp_bt_7_1{
	top: 61.5%;
  	left: 26%;
	}
.cp_bt.cp_bt_7_1::after{background-image:url(../images/cp_bt_7_1.png);}

.cp_bt.cp_bt_7_1 p{
	width: 320%;
	height: 860%;
	top: -90%;
	left: 80%;
	}
	
.cp_bt.cp_bt_7_2{
	top: 61.5%;
  	left:65%;
	}
.cp_bt.cp_bt_7_2::after{background-image:url(../images/cp_bt_7_2.png);}

.cp_bt.cp_bt_7_2 p{
	width: 190%;
	height: 860%;
	top: -90%;
	left: 90%;
	}
/*8*/
.cp_bt.cp_bt_8_1{
	top: 66.5%;
  	left: 62%;
	}
.cp_bt.cp_bt_8_1::after{background-image:url(../images/cp_bt_8_1.png);}

.cp_bt.cp_bt_8_1 p{
	width: 310%;
	height: 830%;
	top: -132%;
	left: 53%;
	}
	
.cp_bt.cp_bt_8_2{
	top: 61.5%;
  	left:20%;
	}
.cp_bt.cp_bt_8_2::after{background-image:url(../images/cp_bt_8_2.png);}

.cp_bt.cp_bt_8_2 p{
	width: 250%;
	height: 780%;
	top: -75%;
	left: 35%;
	}
	
.cp_bt.cp_bt_8_3{
	top: 31.5%;
  	left:43.3%;
	}
.cp_bt.cp_bt_8_3::after{background-image:url(../images/cp_bt_8_3.png);}

.cp_bt.cp_bt_8_3 p{
	width: 140%;
	height: 361%;
	top: -87%;
	left: 50%;
	}
/*9*/
.cp_bt.cp_bt_9_1{
	top: 68.5%;
  	left:58%;
	}
.cp_bt.cp_bt_9_1::after{background-image:url(../images/cp_bt_9_1.png);}

.cp_bt.cp_bt_9_1 p{
	width: 320%;
	height: 800%;
	top: -140%;
	left: 80%;
	}

.cp_bt.cp_bt_9_2{
	top: 65.5%;
  	left: 22%;
	}
.cp_bt.cp_bt_9_2::after{background-image:url(../images/cp_bt_9_2.png);}

.cp_bt.cp_bt_9_2 p{
	width: 210%;
	height: 800%;
	top: -140%;
	left: 40%;
	}

/**/
.rll{
	position:relative;
	display:inline-block;
	}
#rolebx{
	position:relative;
	width:1314px;/*1314*/
	height:866px;
	display:none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/rolebx_1.png);
	background-size: 100% auto;
	}
.ro_p{
	position:relative;
	width:33.485%;/*440*/
	padding-bottom:65.9%;/*866*/
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/rolebx_2.png);
	background-size: 100% auto;
	}
.ro_p .r_p{
	position:absolute;
	width:165.9%;/*730*/
	padding-bottom:213.624%;/*940*/
	top:-3.23%;/*-28*/
	/*left:;-190*/
	right:-22.95%;/*101*/
	}
.ro_p .r_p::before {
    position:absolute;
    width: 100%;
	height:100%;
    content: "";
    pointer-events:none;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    left: 0;
    top: 0;
	z-index:1;
	}
/*1*/
#rolebx.rp1_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p1_1.png);
	}
#rolebx.rp1_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p1_2.png);
	}
#rolebx.rp1_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p1_3.png);
	}
#rolebx.rp1_4 .ro_p .r_p::before{
	background-image:url(../images/ro_p1_4.png);
	}
#rolebx.rp1_1 .ro1_1{display:block;}
#rolebx.rp1_2 .ro1_2{display:block;}
#rolebx.rp1_3 .ro1_3{display:block;}
#rolebx.rp1_4 .ro1_4{display:block;}
/*2*/
#rolebx.rp2_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p2_1.png);
	}
#rolebx.rp2_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p2_2.png);
	}
#rolebx.rp2_1 .ro2_1{display:block;}
#rolebx.rp2_2 .ro2_2{display:block;}
/*3*/
#rolebx.rp3_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p3_1.png);
	}
#rolebx.rp3_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p3_2.png);
	}
#rolebx.rp3_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p3_3.png);
	}
#rolebx.rp3_1 .ro3_1{display:block;}
#rolebx.rp3_2 .ro3_2{display:block;}
#rolebx.rp3_3 .ro3_3{display:block;}
/*4*/
#rolebx.rp4_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p4_1.png);
	}
#rolebx.rp4_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p4_2.png);
	}
#rolebx.rp4_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p4_3.png);
	}
#rolebx.rp4_4 .ro_p .r_p::before{
	background-image:url(../images/ro_p4_4.png);
	}
#rolebx.rp4_1 .ro4_1{display:block;}
#rolebx.rp4_2 .ro4_2{display:block;}
#rolebx.rp4_3 .ro4_3{display:block;}
#rolebx.rp4_4 .ro4_4{display:block;}
/*5*/
#rolebx.rp5_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p5_1.png);
	}
#rolebx.rp5_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p5_2.png);
	}
#rolebx.rp5_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p5_3.png);
	}
#rolebx.rp5_4 .ro_p .r_p::before{
	background-image:url(../images/ro_p5_4.png);
	}
#rolebx.rp5_1 .ro5_1{display:block;}
#rolebx.rp5_2 .ro5_2{display:block;}
#rolebx.rp5_3 .ro5_3{display:block;}
#rolebx.rp5_4 .ro5_4{display:block;}
/*6*/
#rolebx.rp6_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p6_1.png);
	}
#rolebx.rp6_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p6_2.png);
	}
#rolebx.rp6_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p6_3.png);
	}
#rolebx.rp6_1 .ro6_1{display:block;}
#rolebx.rp6_2 .ro6_2{display:block;}
#rolebx.rp6_3 .ro6_3{display:block;}
/*7*/
#rolebx.rp7_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p7_1.png);
	}
#rolebx.rp7_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p7_2.png);
	}
#rolebx.rp7_1 .ro7_1{display:block;}
#rolebx.rp7_2 .ro7_2{display:block;}
/*8*/
#rolebx.rp8_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p8_1.png);
	}
#rolebx.rp8_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p8_2.png);
	}
#rolebx.rp8_3 .ro_p .r_p::before{
	background-image:url(../images/ro_p8_3.png);
	}
#rolebx.rp8_1 .ro8_1{display:block;}
#rolebx.rp8_2 .ro8_2{display:block;}
#rolebx.rp8_3 .ro8_3{display:block;}

/*9*/
#rolebx.rp9_1 .ro_p .r_p::before{
	background-image:url(../images/ro_p9_1.png);
	}
#rolebx.rp9_2 .ro_p .r_p::before{
	background-image:url(../images/ro_p9_2.png);
	}
#rolebx.rp9_1 .ro9_1{display:block;}
#rolebx.rp9_2 .ro9_2{display:block;}


.ro_c{
	position:absolute;
	width:53%;/*790 60.12*/
	height:55.08%;/*477*/
	/*background-color:#930;*/
	top:24.94%;/*216*/
	left:41.312%;/*464 35.312*/
	/**/
	display:flex;
	align-items: center;
	}
.ro_cbx{
	position:relative;
	width:100%;
	display:none;
	/**/
	font-size:1.6rem;/*20*/
	color:#343a49;
	text-align:left;
	}





.namebx{
	position: relative;
	display: inline-block;
	/**/
	font-size:5rem;/*60*/
	line-height:6.5rem;/*70*/
	color:#343a49;
	font-weight:700;
	margin-bottom:10px;
	}
.namebx > span{
	position: relative;
	display: inline-block;
	}
.namebx::before{
	position: relative;
	content:attr(data-index);
	display:block;
	font-size:1.91rem;/*23*/
	line-height:2.2rem;
	font-weight:bold;
	color:#b19974;
	letter-spacing:5px;/**/
	/* 所有字母皆為大寫 */
	text-transform:uppercase;
	}
	
.ct_play2{
	position:absolute;
	width:54px;/*54*/
	padding-bottom:54px;/*54*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image:url(../images/ct_play2.png);
	background-size:100% auto;
	left:100%;
	top:45%;
	transform:translateY(-50%);
	margin-left:10px;
	}	
.ct_play2 a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	}
.ct_play2 .sound1,.ct_play2.on .sound2{display:block;}
.ct_play2 .sound2,.ct_play2.on .sound1{display:none;}
.ct_play2.on{ opacity:.5;}
	
	
.saybx{
	position:relative;
	width:100%;
	text-align: left;
	}
.rcc{
	position:relative;
	width:100%;
	text-align: left;
	}
.s1a{
	position:relative;
	width:100%;/*790*/
	padding-bottom:1.72%;/*14 1.72%*/
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:50% 50%;
	background-image:url(../images/s1a.png);
	background-size:auto 100%;
	margin:10px 0;
	}
	
	
.rclos{
	position:absolute;
	width:5.327%;/*70*/
	padding-bottom:6.088%;/*80*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/close.png);
	background-size: 100% auto;
	z-index:2;
	top:25.057%;/*217*/
	right:5.175%;/*68*/
	}



@media only screen and (max-width:1500px){
/**/
.inc1{width:78%;}
/**/
.country_mu{
	width:800px;
	background-size:8px auto,8px auto,100% 8px;
	padding: 0 10px 18px;
	text-align:center;
	top: -35px;
	}
.mapbt .swiper-slide > p{
	width:75px;
	padding-bottom:75px;
	}
/**/
.countrybx{margin-top: -10px;}
.countrybx  .cou1 > p{
	width:25%;/*250 / 9*/
	}
.countrybx  .cou1{
	padding:0 3% 15px 27%;/*330 50*/
	font-size:1.5vw;/*18*/
	line-height:2vw;/*30*/
	}
	
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1320px){	
/**/
#rolebx{
	width:100vw;/*1314*/
	height:65.9vw;/*866*/
	}	
.ro_cbx{font-size:1.52vw;/*20*/}
	
.namebx{
	font-size:4.56vw;/*60*/
	line-height:5.936vw;/*78*/
	margin-bottom:.761vw;/*10px*/
	}
.namebx::before{
	font-size:1.75vw;/*23*/
	line-height:2.2rem;/*26.4*/
	letter-spacing:.38vw;/*5*/
	}
	
.ct_play2{
	width:4.1vw;/*54*/
	padding-bottom:4.1vw;/*54*/
	margin-left:.761vw;/*10px*/
	}	
	
	
}

@media only screen and (max-width:1200px){
/**/
.country_mu{
	width:95%;/*780*/
	background-size:5px auto,5px auto,100% 5px;
	padding: 0 1.28% 10px;/*10*/
	top: -25px;
	}
.mapbt .swiper-slide > p{
	width:90%;
	padding-bottom:90%;
	}
/**/
.countrybx{margin-top: -10px;}
.countrybx  .cou1 > p{
	width:27%;/*250 / 9*/
	}
	
	
	
}
@media only screen and (max-width:1000px){	
/**/


}
@media only screen and (max-width:800px){
/**/
.inc1{background-size:0 100%,0 100%;}
}
@media only screen and (max-width:780px){
/**/	
#inbx_map{background-image:url(../images/in_m_map.jpg), url(../images/in_m_03.jpg), url(../images/in_m_02.jpg);}
#inbx_map .inb1{background-image:url(../images/in_m_01a.png);}
.int1{padding-bottom:50%;}
.ind1{padding-bottom:31%;}
.inc1 {
	width:90%;
	font-size:1.3rem;
	line-height:2rem;
	}
.ics {padding-bottom: 10.9%;}
.icbg {background-image:none;}
.ind1::before { 
  padding-bottom: 51.85%;
  background-image: url(../images/kkgm.png);
	}
	
.p2{
	width:100%;/*1000*/
	padding-bottom:65%;/*767*/
	background-position:100% -20%;
	background-size: 100% auto;
	left:6%;
	}
.t_map{	
	width: 89%;
	padding-bottom: 22.2%;
	background-size: 95% auto;
	}
/**/
.inc1 {min-height:100px;}

/**/
.country_mu{
	width:100%;/*780*/
	background-size:5px auto,5px auto,100% 5px;
	padding: 0 1.28% 1.2vw;/*10*/
	top: -6.8vw;/*-35px*/
	}
.mapbt .swiper-slide > p{
	width:95%;
	padding-bottom:95%;
	}
/**/
.countrybx{
	min-height:100vw;/*560 71.79*/
	margin-top: -3.8vw;
	}
.countrybx  .cou1 > p{width:93%;}
.countrybx  .cou1{
	min-height:73vw;
	padding:0 0 3vw 42.5%;/*330 50*/
	font-size:3.75vw;/*30 3.8*/
	line-height:5.9vw;/*45 5.7*/
	left: 2%;
	}
.countrybx  .flagbx{
	width:42%;
	left: -1%;
	}	
.countrybx  .cou2{
	width:105%;/*688*/
	padding-bottom:0;
	display: flex;
	justify-content:center;
	text-align:center;
	left: -2.5%;
	}
.countrybx  .cou2 > .cp{
	position:relative;
	width:24.2%;/*175*/
	height:auto;/*216*/
	padding-bottom:30.24%;
	display:inline-block;
	margin:0 .4%;
	pointer-events:auto;
	cursor: pointer;
	}
.co1_per1{background-image:url(../images/co1_per1m.png);z-index:2;left:0; }
.co1_per2{background-image:url(../images/co1_per2m.png);left:0; }	
.co1_per3{background-image:url(../images/co1_per3m.png);z-index:1;left:0; }
.co1_per4{background-image:url(../images/co1_per4m.png);left:0; }
.cp_bt{ display:none;}
/*.countrybx  .cou2 > .cp.ot{filter: saturate(100%)blur(0px);}
.countrybx  .cou2 > .cp.on{filter: saturate(100%)blur(0px);}*/
/*2*/
.co2_per1{background-image:url(../images/co2_per1m.png);left:0;}
.co2_per2{background-image:url(../images/co2_per2m.png);left:0; }
/*3*/
.co3_per1{background-image:url(../images/co3_per1m.png);left:0; }	
.co3_per2{background-image:url(../images/co3_per2m.png);left:0; }
.co3_per3{background-image:url(../images/co3_per3m.png);left:0; }
/*4*/
.co4_per1{background-image:url(../images/co4_per1m.png);left:0; }	
.co4_per2{background-image:url(../images/co4_per2m.png);left:0; }
.co4_per3{background-image:url(../images/co4_per3m.png);left:0; }	
.co4_per4{background-image:url(../images/co4_per4m.png);left:0; }	
/*5*/
.co5_per1{background-image:url(../images/co5_per1m.png);left:0; }	
.co5_per2{background-image:url(../images/co5_per2m.png);left:0; }
.co5_per3{background-image:url(../images/co5_per3m.png);left:0; }	
.co5_per4{background-image:url(../images/co5_per4m.png);left:0; }	
/*6*/
.co6_per1{background-image:url(../images/co6_per1m.png);left:0; }	
.co6_per2{background-image:url(../images/co6_per2m.png);left:0; }
.co6_per3{background-image:url(../images/co6_per3m.png);left:0; }
/*7*/
.co7_per1{background-image:url(../images/co7_per1m.png);left:0; }	
.co7_per2{background-image:url(../images/co7_per2m.png);left:0; }	
/*8*/
.co8_per1{background-image:url(../images/co8_per1m.png);left:0; }	
.co8_per2{background-image:url(../images/co8_per2m.png);left:0; }
.co8_per3{background-image:url(../images/co8_per3m.png);left:0; }	
/*9*/
.co9_per1{background-image:url(../images/co9_per1m.png);left:0; }	
.co9_per2{background-image:url(../images/co9_per2m.png);left:0; }		

/**/
#rolebx{
	width:100vw;/*1314*/
	height:auto;
	background-image:url(../images/rolebx_1m_01.png);
	overflow: hidden;
	}	
#rolebx::before{
    position:relative;
    width: 100%;
	padding-bottom:11.7948%;/*92*/
    content: "";
	display: block;
	}
#rolebx::after {
    position:relative;
    width: 100%;
	padding-bottom:16.41%;/*128*/
    content: "";
	display: block;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position:0% 0%;
	background-image:url(../images/rolebx_1m_02.png);
    background-size: 100% auto;
	}
.ro_p{
	width:100%;/*780*/
	padding-bottom:152.5641%;/*1190*/
	background-image:url(../images/rolebx_2m.png);
	}
.ro_p .r_p{
	width:124.7%;/*973*/
	padding-bottom:160.584%;/*1253*/
	top:-1.176%;/*-14*/
	right:-6%;/*101*/
	}
.ro_c{
	position:relative;
	width:100%;
	height:auto;
	min-height:76.2vw;/*595*/
	top:0;/*216*/
	left:0;/*464*/
	padding:2.8vw 0 0;
	/**/
	display:block;
	
    background-attachment:scroll;
    background-repeat:no-repeat,no-repeat,repeat-y;
    background-position:0% 0%,0% 100%,0% 50%;
	background-image:url(../images/rolebx_1m_a.png),url(../images/rolebx_1m_c.png),url(../images/rolebx_1m_b.png);
    background-size:100% auto;
	}
.ro_cbx{
	width:81%;/*640*/
	/**/
	font-size:3.75vw;/*28 3.5vw*/
	line-height:5.9vw;
	margin-left:8.2%;/*68*/
	text-align: center;
	padding-bottom: 3vw;
	}
.s1a{
  	padding-bottom:1.79vw;/**/
  	margin:1.28vw 0;/*10*/
	}
.namebx{
	/**/
	font-size:9.23vw;/*72*/
	line-height:10.7vw;/*82*/
	margin-bottom:1.28vw;/*10*/
	}
.namebx::before{
	font-size:3.46vw;/*27*/
	line-height:4.6vw;
	letter-spacing:.8vw;/*5*/
	}
.ct_play2{
	width:6.9vw;/*54*/
	padding-bottom:6.9vw;/*54*/
	top:45%;
	margin-left:1.28vw;/*10*/
	}	
	
.rclos{
	width:13.46%;/*105*/
	padding-bottom:15.382%;/*120*/
	background-image:url(../images/close_m.png);
	top:2vw;/*28*/
	right:2.3%;/*42*/
	}

/**/
.ro5_2 .namebx{ margin-left:-5vw;}
.rp1_3 .ro_p .r_p {right: -7%;}
.rp1_4 .ro_p .r_p {right: -11%;}
.rp2_1 .ro_p .r_p {right: -12%;}
.rp3_1 .ro_p .r_p {right: -11%;}
.rp3_2 .ro_p .r_p {right: -10%;}
.rp3_3 .ro_p .r_p {right: -5%;}	
.rp4_1 .ro_p .r_p {right: -5%;}	
.rp4_2 .ro_p .r_p {right: -6%;}		
.rp4_3 .ro_p .r_p {right: -11%;}		
.rp4_4 .ro_p .r_p {right: -5%;}	
.rp5_1 .ro_p .r_p {right: -7%;}	
.rp5_2 .ro_p .r_p {right: -10%;}	
.rp5_3 .ro_p .r_p {right: -8%;}	
.rp5_4 .ro_p .r_p {right: -12%;}		
.rp6_2 .ro_p .r_p {right: -16%;}
.rp6_3 .ro_p .r_p {right: -8%;}	
.rp7_1 .ro_p .r_p {right: -17%;}	
.rp7_2 .ro_p .r_p {right: -12%;}
.rp8_1 .ro_p .r_p {right: -13%;}	
.rp8_2 .ro_p .r_p {right: -5%;}
.rp8_3 .ro_p .r_p {right: -15%;}	
.rp9_1 .ro_p .r_p {right: -13%;}	
.rp9_2 .ro_p .r_p {right: -13.5%;}		
	
}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.inc1 {
	width:93%;
	min-height:100px;
	}

}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:340px){
/**/


}

@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}