@charset "utf-8";
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: center; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }


/**/
.fullbg { width: 100%; background: url(https://www.eudemonsm.com/en/resource/images/guidebg.jpg?v=20210713) no-repeat center top #f9f5f2; }
.wrapper { width: 1000px; margin: 0 auto; padding: 50px 0; } 
.header { height: 485px; }
.logo { text-align: center; }

.guidetabs a { float: left; display: block; width: 280px; height: 86px; background: url(https://www.eudemonsm.com/en/resource/images/guidetab.png?v=20210713) no-repeat -294px 0; line-height: 70px; text-align: center; font-size: 20px; color: #c6a86b; margin: 0 25px; }
.guidetabs a:hover, .guidetabs a.on { background-position: 0 -1px; color: #fff; }

.subtab { float: left; width: 160px; }
.subtab a { display: block; padding-left: 60px; width: 100px; height: 45px; line-height: 45px; color: #693f1f; }
.subtab a.on, .subtab a:hover { background: url(https://www.eudemonsm.com/en/resource/images/guidetab.png?v=20210713) no-repeat -575px -14px #eeede7; }

.subcont { float: left; width: 790px; padding: 20px; background: #eeede7; }
.guidecont p { padding: 5px 0; }
.question, .guidecont strong, .subtitle { color: #9e5c21 }
.guidecont p.question { padding: 10px 0 5px 0; }
.gc2, .gc3 { padding: 20px; width: 960px; background: #eeede7; }


.footer { text-align: center; padding: 40px 0 0 0; }
.footer a {color: #000; margin: 0 5px; }
.footer a:hover { text-decoration: underline; }

/*nav*/
.nav { position: fixed; left: 20px; top: 50%; margin-top: -122px; z-index: 3; width: 100px; padding: 10px 0 30px 0;  background: url(https://www.eudemonsm.com/en/resource/images/navbg.png?v=20210713) no-repeat 0 0; }
.nav a { display: block; height: 24px; line-height: 24px; text-align: center; color: #887f61; padding: 5px 0; }
.nav a:hover { color: #fff3c6; }

.nav .lang { position: relative; background: #170904; width: 80%; margin: 5px auto; border: 1px solid #887f61; font-size: 14px; height: 24px; line-height: 24px; }
.nav .lang a { font-size: 12px; height: 24px; line-height: 24px; padding: 0; }
.lang i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0; height: 0; border: 5px solid transparent; border-top-color: #887f61; margin-top: 3px; }
.lang p { color: #887f61; font-size: 12px; text-align: center; }
.lang:hover p { color: #fff3c6; }
.lang:hover p i { border-top-color:  #fff3c6; }
.lang ul {display: none; position: absolute; left: -1px; top: 24px; text-align: center; background: #000; border: 1px solid #887f61; width: 100%; }
.lang:hover ul { display: block; }


.social { position: fixed; right: 20px; top: 50%; z-index: 3; width: 84px; margin-top: -202px; }
.social a {display: block;width: 76px;height: 76px;background: url(https://www.eudemonsm.com/en/resource/images/navbg.png?v=20210713) no-repeat 0 0; margin: 4px auto; }
.social a.fb {background-position: -7px -266px;}
.social a.yt {background-position: -7px -355px;}
.social a.rd {background-position: -7px -443px;}
.social a.gift1 { width: 84px; background-position: -1px -531px; }
.social a.gift2 { width: 84px; background-position: -1px -616px; }

.social a.fb:hover {background-position: -106px -266px;}
.social a.yt:hover {background-position: -106px -355px;}
.social a.rd:hover {background-position: -106px -443px;}
.social a.gift1:hover { width: 84px; background-position: -100px -531px; }
.social a.gift2:hover { width: 84px; background-position: -100px -616px; }



.a-title { text-align: center; font-size: 30px; width: 90%; margin: 0 auto }
.article { width: 90%; margin: 0 auto; font-size: 14px; padding: 30px 0; line-height: 22px; }
.article p { padding: 5px 0; }