﻿@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Sans+TC:wght@100..900&display=swap');
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:0}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font:16px "Merriweather",simsun,tahoma;outline:0}
a{text-decoration:none;color:#2f2f2f;outline:0}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}

body { color:#000; font:16px/1.4 "Merriweather", simsun, tahoma; }
.wrapper { position: relative; width:1200px; margin:0 auto; }
.wrap { width:100%; background:url(../images/bg-en.jpg) no-repeat center top #d7dfe9; }
.section { padding:30px 0; }
.s1 { height:700px; }
.logo { display:block; width: 240px; position:absolute; left:220px; top:30px; }
.logo img { display:block; width:100%; }
.nav-btns { display:flex; align-items:center; justify-content:center; padding-top: 450px; }
.nav-btns a { display:block; width: 286px; height:94px; line-height:104px; background:url(../images/btn1.png) no-repeat center center; color:#32506f; margin:0 10px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:110%; }
.nav-btns a:hover { filter:brightness(1.1); }
.content p span { color:#2e66cb }
.tbbg { background:url(../images/tablebg.png) no-repeat 0 0; width:720px; margin:0 auto; }
.content table { width:100%; margin:10px auto; }
.content td, .content th { border:1px solid #000; line-height:2.4; text-align:center; }
.content th { background:#232b2e; color:#fff; }
.content a { color:#b50c0c; text-decoration:underline; }
.title { width: 418px; height: 105px; background: url(../images/title1.png) no-repeat center center; font-weight: bold; color: #fff; font-size: 180%; margin: 0 auto 30px auto; text-align: center; line-height: 120px; text-transform:uppercase; }

.s2 .content { width:820px; padding-left:380px; }
.panda { position: absolute; left: -280px; top: 100px; width: 780px; height:640px; background:url(../images/panda.png) no-repeat 0 0; }
.content ul li { padding:8px 0; list-style-type:disc; margin-left:20px; }
.content > p { padding:8px 0; }
.content b { color:#8e129d }
.epcard { width:20px; vertical-align:middle; }

.s5 .tbbg { background-image:url(../images/tablebg2.png); }
.s6 { background:#1e272a; color:#fff; }
.footer { font-size:14px; }
.footer a { color:#fff; }
.footer .copyright { padding:15px 0 0 0; }

.lang { position: absolute; right: 0; top: 40px; width: 110px; height: 34px; background: url(../images/langbg.png) no-repeat center center/100% 100%; text-align:center; color:#838f97; line-height:34px; }
.lang a { color:#838f97; }
.lang a.on, .lang a:hover { color:#fff; }
.lang select { background:none; color:#fff; border:none; width:100%; height:34px; line-height:34px; }
.lang select option { color:#000; }
.lang:before { position: absolute; left: -25px; top: 50%; margin-top: -11px; content:""; display:block; width: 22px; height: 22px; background: url(https://www.eudemons.com/en/images/lang/2.png) no-repeat center center; margin-right: 5px;  }

/*store swiper*/
.store-wrap { position: relative; width:80%; height:400px; margin:0 auto; }
.store-swiper-prev, .store-swiper-next { position: absolute; top: 50%; margin-top: -16px; width: 46px; height: 32px; background: url(../images/arrow.png) no-repeat 0 0; z-index: 3; cursor: pointer; }
.store-swiper-prev:hover, .store-swiper-next:hover { filter: brightness(120%); }
.store-swiper-prev { left: 40px; transform: rotateY(180deg);  }
.store-swiper-next { right: 40px; }

.store-swiper { width: 100%; height:100%; margin: 0 auto; overflow:hidden; }
.store-swiper .swiper-slide{width:100%;box-sizing:border-box;padding:0 100px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(3.6);opacity:0}
.store-swiper .swiper-slide-prev, .store-swiper .swiper-slide-next { z-index:2; opacity:1; }
.store-swiper .swiper-slide-prev { transform: scale(3.6) translate(22px, 0); }
.store-swiper .swiper-slide-next { transform: scale(3.6) translate(-22px, 0); }
.store-swiper .swiper-slide img { width:100%; }
.store-swiper .swiper-slide-active, .store-swiper .swiper-slide-duplicate-active { z-index: 3; transform: scale(5.3); opacity:1; }


/*cn*/
body.cnpage { font:16px/1.4 "Noto Sans TC", simsun, tahoma;}
.cnpage .wrap { background-image:url(../images/bg-cn.jpg); }
.cnpage .nav-btns a { font-size:140% }

/*pt*/
.ptpage .wrap { background-image:url(../images/bg-pt.jpg); }