@charset "utf-8";
/* CSS Document */
html, body { overflow-x:hidden; color:#646464; }
body { font-family: Helvetica, Arial, sans-serif; margin-top:125px; }
sup { vertical-align: super; font-size: smaller; }

#back { position:fixed; right:0; bottom:20%; }
#back ul { width:0; }
#back ul li { cursor:pointer; width:56px; height:56px; margin-bottom:2px; background-position:left top; background-repeat:no-repeat; }
#back .top { background-image:url(../images/backtop.jpg); }
#back .prev { background-image:url(../images/arrow-up.jpg); }
#back .next { background-image:url(../images/arrow-down.jpg); }
#back .top:hover { background-image:url(../images/backtop-o.jpg); }
#back .prev:hover { background-image:url(../images/arrow-up-o.jpg); }
#back .next:hover { background-image:url(../images/arrow-down-o.jpg); }

#header, #footer, #footer-bottom { width:100%; }
#header .header, #footer .footer, .main, .main-width { min-width:320px; max-width:1280px; margin:0 auto; }
#header .header, #footer .footer { position:relative; }

#header { border-bottom:#EEE 1px solid; height:110px; position:fixed; top:0; left:0; z-index:10; background-color:#FFF; }
#header .header { height:100%; }
#header .header .logo { position:absolute; top:25%; height:50%; display:block; }
#header .header .logo img { width:auto; height:100%; }
#header .header .logo, #footer .footer .logo { left:5%; }

.main .banner .con, .ex-box .con, .menu ul, #con1, #con2 .box .p-box, #con3 .box .p-box, #con3 .line { width:70%; }

.main { padding-bottom:40px; padding-top:5px; }
.main .banner { width:100%; position:relative;  }
.main .banner .bg { width:100%; }
.main .banner .bg img { width:100%; height:auto; }
.main .banner .con { position:absolute; top:0; left:15%; height:100%; }
.main .banner h1 { color:#FFF; margin:35px 0; font-size:27px; text-align:center; line-height:40px; }
.main .banner h1 span { font-weight:bold; }
.main .banner .con .box { position:absolute; bottom:0; left:10%; width:74%; background-color:#FFF; padding:10px 3%; padding-bottom:40px; }
.main .banner .con .box h3 { color:#F39A00; margin:10px 0; font-size:18px; }
.main .banner .con .box p { margin:10px 0; }
.main .btn, #con2 .btn { display:block; text-align:center; padding:7px 0; color:#FFF; background-color:#009EE0; border-radius:20px; text-decoration:none;  font-size:14px; position:absolute;  }
.main .btn:hover, #con2 .btn:hover { color:#009EE0; background-color:#FFF; border:#009EE0 2px solid; }
.main .btn:active, #con2 .btn:active { padding:5px 0; }
.main .banner .con .box .reg-btn { width:150px; right:3%; bottom:0; }
.main .banner .con .box .reg-btn:active { width:140px; margin-right:5px; margin-bottom:2px; }

#con2 .print { margin-top:20px; position:relative; }
#con2 .print-btn { width:160px; top:0; left:50%; margin-left:-50px; }
#con2 .print-btn:active { width:150px; margin-left:-45px; margin-top:1px; }

.main-con { padding-bottom:100px; }
.main-con .h-con { display:none; }

#con1 { margin:0 auto; margin-bottom:300px; }
#con1 .p-box { padding:40px 0; border-bottom:#CCC 1px solid; }
#con1 .p-box h3 { font-size:22px;  margin:30px 0; color:#001C4B; }
#con1 .p-box .in-p-box { overflow:hidden; width:100%; }
#con1 .p-box .in-p-box .left { float:left; width:30%; }
#con1 .p-box .in-p-box .right { float:right; width:65%; }
#con1 .p-box .in-p-box .left .img img { width:100%; height:auto; }
#con1 .p-box .in-p-box .left .name { font-weight:bold; padding-top:20px; }
#con1 .p-box .in-p-box .left .dis { font-style:italic; padding-top:10px; font-size:12px; }
#con1 .p-box .in-p-box .right p { margin:20px 0; }
#con1 .p-box .in-p-box .right p:first-child { margin-top:0; }
#con1 .btn { border:#001C4B 1px solid; padding:10px 0; padding-right:30px; margin-top:10px; width:150px; text-align:center; border-radius:20px; font-size:14px; background-image:url(../images/visit-icon2.jpg); background-position:90% center; background-repeat:no-repeat; display:block; text-decoration:none; color:#001C4B; }
#con1 .btn:hover { color:#999; border:#999 1px solid; }

#con2 { border-bottom:#F39A00 3px solid; }
#con2 .box .p-box { margin:0 auto; }
#con2 .box.box1 { background:url(../images/bg-pattern.png); }
#con2 .box .p-box .title { padding:30px 0; font-size:28px; line-height:36px; color:#001C4B; }

.ex-box { width:100%; background-color:#001C4B; color:#009EE0; margin-top:40px; }
.ex-box .con { margin:40px auto; }

.ex-box .con .in-con { padding:40px 0; }
.ex-box .con .in-con .text { padding-left:30px; font-size:18px; background:url(../images/open-invert.png) left top no-repeat; font-style:italic; }
.ex-box .con .in-con .text div { padding-right:30px; margin:10px 0; background:url(../images/close-invert.png) bottom right no-repeat;  }
.ex-box .con .in-con .title { color:#FFF; text-align:right; }

.menu { width:100%; overflow:hidden; padding-bottom:3px; background:url(../images/border.jpg) #EEE bottom left repeat-x; }

.menu ul { margin:0 auto; }
.menu ul li { text-align:center; float:left; width:33.333333%; }
.menu ul li a { text-decoration:none; display:block; padding:20px 0; color:#666; border-right:#CCC 1px solid; position:relative; }
.menu ul li:last-child a { border:none; }
.menu ul li a:hover, .menu ul li a.active { color:#FFF; background-color:#F39A00; }
.menu ul li a .arrow { display:none; background:url(../images/pointer.png) left top no-repeat; width:12px; height:6px; position:absolute; bottom:-3px; left:50%; margin-right:-6px; }
.menu ul li a:hover .arrow, .menu ul li a.active .arrow { display:block; }

#con2 .p-box { padding-bottom:100px; }

#con2 table { width:100%; font-size:14px; }
#con2 table th { border-top:#666 1px solid; border-bottom:#666 1px solid; }
#con2 table th, #con2 table td { padding:10px 0; padding-right:20px; vertical-align: text-top; }
#con2 table th:first-child, #con2 table td:first-child { padding-top:15px; padding-bottom:15px; color:#001C4B; }
#con2 table th:last-child, #con2 table td:last-child { padding-right:0; }
#con2 table .hd td { border-bottom:#666 1px solid; }
#con2 table h3 { color:#009EE0; }
#con2 table h3, #con2 table h4 { margin:5px 0; font-size:18px; }
#con2 table h4 { color:#001C4B; }
#con2 table p { font-weight:bold; margin:5px 0; }
#con2 table p.blue { color:#001C4B; }
#con2 table span.thin { font-weight:400; }
#con2 table i { font-style:italic; }
#con2 table .blue { color:#009EE0; }
#con2 table strong { font-weight:bold !important; }

#con3 { margin:0 auto; }
#con3 strong { font-weight:bold !important; }
#con3 .box { padding:20px 0;  }
#con3 .box .p-box { margin:0 auto; }
#con3 .line { border-bottom:#F39A00 3px solid; margin:0 auto; margin-top:200px; }
#con3 .bg { background:url(../images/bg-pattern.png); }
#con3 h2 { font-size:36px; margin:20px 0; }
#con3 .add, #con3 .tel { margin-bottom:5px; }
#con3 .btn { border:#001C4B 1px solid; padding:10px 0; padding-right:30px; margin-top:10px; width:150px; text-align:center; border-radius:20px; font-size:14px; background-image:url(../images/visit-icon2.jpg); background-position:90% center; background-repeat:no-repeat; display:block; text-decoration:none; color:#001C4B; }
#con3 .btn:hover { color:#999; border:#999 1px solid; }
#con3 .btn.btn1 { background-image:url(../images/visit-icon.jpg); }
#con3 .in-box { overflow:hidden; width:100%; position:relative; margin:20px 0; }
#con3 .in-box .left { float:left; }
#con3 .in-box .right { float:right; width:30%; }
#con3 .in-box .right .photo.first { margin-bottom:20px; }
#con3 .in-box .right .logo img { width:100%; margin-bottom:20px; }
#con3 .in-box .right .photo img { width:100%; }

#con3 .in-box .left, .map { width:65%; }
.map { height:100%; position:absolute; }
#map1, #map2, #map3 { width:100%; height:100%; position:absolute; }

#footer { height:100px; background-color:#009EE0; margin-top:80px; }
#footer .footer .logo { position:absolute; top:-50px; background-image:url(../images/Amundi-EN_Confidence-must-be-earned_1077px_square_208_208.png); background-position:left top; background-repeat:no-repeat; background-size:100%; width:180px; height:180px; }
#footer-bottom { height:50px; background-color:#001C4B; }

@media only screen and (max-width: 1280px) { 
	.main .banner { padding-bottom:50px; }
}

@media only screen and (max-width: 1120px) { 
	.main .banner .con .box { position:relative; }
	.main .banner { padding-bottom:220px; }
}

@media only screen and (max-width: 900px) {
	.main .banner .con, .ex-box .con, .menu ul, #con1, #con2 .box .p-box, #con3 .box .p-box, #con3 .line { width:90%; }
	.main .banner .con { left:5%; }
	.main .banner .con .box { width:80%; left:5%; }
	#back { opacity:0.7; }
}

@media only screen and (max-width: 800px) {
	.main .banner { padding-bottom:330px; }
}

@media only screen and (max-width: 700px) {
	.ex-box .con .in-con { padding:20px 0; }
}

@media only screen and (max-width: 650px) {
	#back { display:none; }
	.main .banner h1 { font-size:24px; line-height:32px; margin:5% 0; }
}

@media only screen and (max-width: 550px) {
	.main .banner .con, .ex-box .con, .menu ul, #con1, #con2 .box .p-box, #con3 .box .p-box, #con3 .line { width:98%; }
	.main .banner .con { left:1%; }
	.main .banner .con .box { width:88%; left:5%; }
}

@media only screen and (max-width: 500px) {
	.main .banner h1 { font-size:22px; line-height:26px; margin:3% 0; }
	#con1 .p-box .in-p-box .left, #con1 .p-box .in-p-box .right { width:100%; }
	#con3 .in-box .left, #con3 .in-box .right { width:100%; }
	#con3 .in-box .right { margin-bottom:20px; }
	#con3 .in-box .right .logo { width:50%; margin:0 auto; }
	.map { position:relative; width:100%; height:300px; }
}

@media only screen and (max-width: 370px) {
	.main .banner h1 { font-size:18px; line-height:24px; margin:1% 0; }
	.main .banner { padding-bottom:350px; }
	#con2 table th, #con2 table td { padding:10px 0; padding-right:2px; }
	#con2 table th:last-child, #con2 table td:last-child { padding-right:0; }
}