/* 2021-01-22 20:06:52 */
html {
     overflow-y: -moz-scrollbars-vertical;
     overflow-y: scroll;
}


body {
	background-color: #F6F6F6;
font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'Noto Sans HK', sans-serif;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	color: #474851;
	letter-spacing: .25px;
}

select, option, input   {
    font-family: 'Noto Sans HK', sans-serif;
    font-weight: 400;
}

a { position: relative; }

a:link, a:visited {
	text-decoration: none;
	color: #84503b;
}

a:hover {
	text-decoration: underline;
}

hr {
    border:none;
    height: 1px;
    background-color: #aaa;
}

#page {

    margin: 0 auto;
}

#innerpage {
    width: 1080px;
    margin: 8rem auto;
}


#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 6.375rem;
    z-index: 1000;
    -webkit-box-shadow: 0 -2px 15px rgba(0,0,0,.15);
    box-shadow: 0 -2px 15px rgba(0,0,0,.15);
    background: #fff;
    -webkit-transition: background .5s 0s ease;
    transition: background .5s 0s ease;
}

#header:not(:hover) {
    background: rgba(255,255,255,.8);
}
 #vis {
    height: 6.375rem;
    width: 1080px;
    margin: 0 auto;
}


#logo {
    width: 11rem;
    height: 100%;
    display: block;
    position: absolute;
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4MC45MSAxNDcuNjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM4NDUwM0IiIGQ9Ik0xODUsNzIuNTFWNDMuOThoLTE4LjIzdjI4Ljg3YzAsNC43My0xLjA0LDgtNS45MSw4Yy00LjQ1LDAtNS43OC0zLjQ4LTUuNzgtOC4wN3YtMjguOGgtMTguNjR2MjkuNWMwLDE0LjMzLDEwLjY0LDE5LjksMjQuMjEsMTkuOUMxNzUuMzMsOTMuMzgsMTg1LDg4LjIzLDE4NSw3Mi41MXoiLz48cG9seWdvbiBmaWxsPSIjODQ1MDNCIiBwb2ludHM9IjM1LjI4LDY2LjczIDUxLjYyLDQzLjk4IDMwLjQsNDMuOTggMTguNzksNjMuMDUgMTguNjUsNjMuMDUgMTguNjUsNDMuOTggMCw0My45OCAwLDkyLjU1IDE4LjY1LDkyLjU1IDE4LjY1LDcxLjk1IDE4Ljc5LDcxLjk1IDMwLjg5LDkyLjU1IDUzLjE2LDkyLjU1ICIvPjxyZWN0IHg9IjE2My42NCIgeT0iMjkuNDQiIGZpbGw9IiM4NDUwM0IiIHdpZHRoPSIxMi41MiIgaGVpZ2h0PSIxMC44NSIvPjxyZWN0IHg9IjE0NS4yNyIgeT0iMjkuNDQiIGZpbGw9IiM4NDUwM0IiIHdpZHRoPSIxMi41MyIgaGVpZ2h0PSIxMC44NSIvPjxwYXRoIGZpbGw9IiM4NDUwM0IiIGQ9Ik0xMTQuNzMsNzUuMTVjLTEuNzQtMi41OC00LjE3LTQuNTItOC4yMS01LjIyVjY5LjhjNi45Ni0xLjY3LDExLjYyLTUuNDMsMTEuNjItMTIuODdjMC05LjMyLTcuMTctMTIuOTQtMTguNzktMTIuOTRINjkuMjN2NDguNTZoMTguNjVWNzYuMDZoNC4xN2MyLjMsMCw0LjE3LDAuMjgsNS4yOSwyLjUxYzEuNTMsMi45MiwxLjc0LDEwLjUsMi41NywxMy45OGgxOS40MUMxMTcuMzcsODcuODIsMTE3LjU4LDgwLjMsMTE0LjczLDc1LjE1eiBNOTEuOTEsNjUuMmgtNC44N1Y1NC44NGg1LjE1YzMuNzYsMCw3LjMxLDAuNjMsNy4zMSw1LjAxQzk5LjQ5LDY0Ljc5LDk1Ljc0LDY1LjIsOTEuOTEsNjUuMnoiLz48cG9seWdvbiBmaWxsPSIjODQ1MDNCIiBwb2ludHM9IjI4OC42Nyw3NC4yNSAzMTEuNDksNzQuMjUgMzExLjQ5LDYyLjU2IDI4OC42Nyw2Mi41NiAyODguNjcsNTUuNjcgMzEyLjUzLDU1LjY3IDMxMi41Myw0My45OCAyNzAuNDQsNDMuOTggMjcwLjQ0LDkyLjU1IDMxMy4wMiw5Mi41NSAzMTMuMDIsODAuODYgMjg4LjY3LDgwLjg2ICIvPjxwYXRoIGZpbGw9IiM4NDUwM0IiIGQ9Ik0yMzUuNDQsODAuODZjLTEuMTEsMC40Mi0yLjY0LDAuNDItMy45NywwLjQyYy03LjQ0LDAtMTAuMTYtNS44NS0xMC4xNi0xMi41MmMwLTguODQsNi4xMi0xMy41LDE1LjM4LTEzLjVjNS4yMiwwLDEwLjE2LDEuMjUsMTIuOCwyLjc4VjQ0Ljk2Yy00LjY2LTEuMTEtOS4wNC0xLjgxLTE4LjE2LTEuODFjLTE1LjU5LDAtMjkuMDgsOC4xNC0yOS4wOCwyNC40MmMwLDE3LjMyLDEyLjk0LDI1LjgxLDI5LjA4LDI1LjgxYzcuNjUsMCwxMy43LTAuNzcsMjAuMTEtMi42NFY2Ny45MmgtMTZWODAuODZ6Ii8+PHBhdGggZmlsbD0iIzg0NTAzQiIgZD0iTTQ3OS45NiwxOC42OGwtMC4xMi0wLjczbC0wLjY0LTAuMzdDNDc4Ljg5LDE3LjQsNDQ4LjI3LDAsNDE0LjY0LDBDMzgxLDAsMzUwLjM5LDE3LjQsMzUwLjA4LDE3LjU4bC0wLjc3LDAuNDRsLTAuMDIsMC44OWMtMC4xMyw2LjIyLTAuMTMsMTEuMzYsMC4xMiwxNi4xNGwzLjE0LTAuMTFjLTAuMjQtNC40OS0wLjI1LTkuMy0wLjE0LTE1LjA3YzQuODktMi42NSwzMi4zNS0xNi43NCw2Mi4yMi0xNi43NGMzMC4xMSwwLDU3LjgsMTQuMzQsNjIuMzQsMTYuOGMwLjk1LDYuMzgsMi4wMSwyMy4xOS0yLjk0LDM2LjAzYy0xMS4wNywxMS4xMS00NS44OSwxNC43Mi02Ni4yOCwxMi40OGwwLjQ5LTE1Ljk2aC0xLjY0Yy00LjIzLDAtNy4zMS0wLjE1LTguOS0wLjQ0Yy0zLjc4LTAuNjctNi4xNy0yLjU3LTcuMzEtNS44MWMtMC43MS0yLjAxLTAuNzEtMy43NywwLjAyLTUuMjRjMS4yNS0yLjU0LDQuMjgtMy41Niw0LjMtMy41NmwyLjEyLTAuNjhsLTEuMzYtMS43N2MtMC4xNC0wLjE5LTMuNDYtNC42Mi0wLjA3LTguNDFjMy41OS00LjAyLDguNjktMi41OSw4LjktMi41M2wxLjg2LDAuNTZsMC4xNi0xLjkzYzAuMDItMC4yLDAuNDctNC43OCw2Ljg3LTQuNzhjNi4xOSwwLDYuNzUsNC40Niw2Ljc5LDQuOTZsMC4xNSwyLjA2bDEuOTUtMC42OGMwLjIyLTAuMDgsNS4zNS0xLjgyLDguMzIsMi4yOWMyLjk5LDQuMTUsMC4zNyw3Ljk5LDAuMjcsOC4xNGwtMS4zMSwxLjg1bDIuMTksMC41OWMwLjE3LDAuMDUsNC4xMSwxLjE2LDQuNTIsNi4xMmMwLjEzLDIuMDYtMC44MSw0LjQtMi41MSw2LjI3Yy0xLjU1LDEuNzEtMy40NSwyLjcyLTUuMjIsMi43OGMtNC44MSwwLjE2LTEyLjcsMC4xOS0xMi43OCwwLjE5bDAuMDEsMy4xNGMwLjA4LDAsOC4wMi0wLjAzLDEyLjg4LTAuMTljMi42MS0wLjA5LDUuMzItMS40OCw3LjQzLTMuODFjMi4yNS0yLjQ4LDMuNS01LjY5LDMuMzItOC42Yy0wLjQtNC44Mi0zLjE2LTcuMTQtNS4wNy04LjE4YzEuMDMtMi40NiwxLjUyLTYuMzUtMS4xOS0xMC4xMmMtMi44NS0zLjk1LTcuMjYtNC4zNS0xMC4yLTMuODZjLTAuOTEtMi43My0zLjU3LTYuMDctOS41NS02LjA3Yy02LjAyLDAtOC43MSwzLjMtOS42Myw1Ljk2Yy0yLjQtMC4zLTYuOTUtMC4yLTEwLjQ5LDMuNzdjLTMuMzMsMy43Mi0yLjQ5LDguMDUtMS4xMSwxMC43N2MtMS4zOSwwLjc3LTMuMjYsMi4xNC00LjM1LDQuMzNjLTEuMTIsMi4yNi0xLjE4LDQuODYtMC4xOCw3LjdjMS41Myw0LjMzLDQuOCw2Ljk3LDkuNzEsNy44NWMxLjU3LDAuMjgsNC4xOSwwLjQ1LDcuODEsMC40OGwtMC40NywxNS41OWwxLjQzLDAuMThjMy45NywwLjUxLDguOSwwLjc5LDE0LjM0LDAuNzljMTkuOCwwLDQ2LjE5LTMuNzgsNTYuMjUtMTQuMjZsMC4yMS0wLjIybDAuMTEtMC4yOUM0ODIuNCw0My4zNCw0ODAuOTgsMjQuNjgsNDc5Ljk2LDE4LjY4eiIvPjxwYXRoIGZpbGw9IiM4NDUwM0IiIGQ9Ik0zNjcuOTEsNjkuOTNWNjkuOGM2Ljk2LTEuNjcsMTEuNjItNS40MywxMS42Mi0xMi44N2MwLTkuMzItNy4xNy0xMi45NC0xOC43OS0xMi45NGgtMzAuMTN2NDguNTZoMTguNjVWNzYuMDZoNC4xN2MyLjMsMCw0LjE3LDAuMjgsNS4yOSwyLjUxYzEuNTMsMi45MiwxLjc0LDEwLjUsMi41NywxMy45OGgxOS40MWMtMS45NS00LjczLTEuNzQtMTIuMjUtNC41OS0xNy4zOUMzNzQuMzgsNzIuNTgsMzcxLjk1LDcwLjYzLDM2Ny45MSw2OS45M3ogTTM1My4zLDY1LjJoLTQuODdWNTQuODRoNS4xNWMzLjc2LDAsNy4zLDAuNjMsNy4zLDUuMDFDMzYwLjg5LDY0Ljc5LDM1Ny4xMyw2NS4yLDM1My4zLDY1LjJ6Ii8+PHBhdGggZmlsbD0iIzg0NTAzQiIgZD0iTTMzOC42MSwxMTMuNjNoLTguMjR2MzMuNDZoMy4zMXYtMTQuNDhoNC42YzUuOTksMCwxMC42OS0zLjI2LDEwLjY5LTkuNDlDMzQ4Ljk2LDExNi43OSwzNDQuODksMTEzLjYzLDMzOC42MSwxMTMuNjN6IE0zMzUuOTcsMTI5LjczaC0yLjNWMTE2LjVoNS4zN2M0LjIyLDAsNi42MSwyLjQsNi42MSw2LjYxQzM0NS42NSwxMjkuMTYsMzQwLjk2LDEyOS43MywzMzUuOTcsMTI5LjczeiIvPjxwYXRoIGZpbGw9IiM4NDUwM0IiIGQ9Ik00Ny40MiwxMzEuODRoNy43N3YxMS43NGMtMS41OCwwLjk2LTUuMDMsMS4yLTcuMDksMS4yYy04LjgyLDAtMTMuNTYtNS45OS0xMy41Ni0xNC40M2MwLTguMjksNC44OS0xNC40MywxMy41Ni0xNC40M2MyLjkyLDAsNS45OSwwLjMzLDguNTgsMS43N2wwLjM4LTMuMDdjLTIuMjUtMS4xNS02LjQyLTEuNTgtOC45Ni0xLjU4Yy0xMC4zNSwwLTE2Ljg3LDcuMTQtMTYuODcsMTcuM2MwLDEwLjM1LDYuMzMsMTcuMywxNi44NywxNy4zYzMuNjksMCw3LTAuNTcsMTAuNC0yLjA2di0xNi42M0g0Ny40MlYxMzEuODR6Ii8+PHBhdGggZmlsbD0iIzg0NTAzQiIgZD0iTTExOS4wNiwxMzAuMTF2LTAuMWM0LjEyLTAuNTMsNy40My0zLjQsNy40My03LjcyYzAtNi4xNC0zLjg4LTguNjgtOS44My04LjY4aC04LjYzdjMzLjQ2aDMuMzF2LTE1Ljc3aDIuNzNjMy4xNiwwLDQuNiwwLjE0LDYuNTIsNC40Nmw0Ljg0LDExLjMxaDMuNjRsLTUuNy0xMi45NEMxMjIuMzIsMTMxLjg5LDEyMS43NCwxMzAuNDUsMTE5LjA2LDEzMC4xMXogTTExNC44NCwxMjguNDRoLTMuNVYxMTYuNWgzLjRjNC41NSwwLDguNDQsMC4zNCw4LjQ0LDUuOEMxMjMuMTgsMTI2Ljk1LDExOC43MiwxMjguNDQsMTE0Ljg0LDEyOC40NHoiLz48cGF0aCBmaWxsPSIjODQ1MDNCIiBkPSJNMTkyLjI2LDExMy4wNWMtMTAuMDcsMC0xNC44MSw4LjI0LTE0LjcyLDE3LjNjMC4xLDEwLjI2LDUuMDgsMTcuMywxNC43MiwxNy4zYzkuNjMsMCwxNC42Mi03LjA1LDE0LjcyLTE3LjNDMjA3LjA3LDEyMS4yOSwyMDIuMzIsMTEzLjA1LDE5Mi4yNiwxMTMuMDV6IE0xOTIuMjYsMTQ0Ljc4Yy03Ljg2LDAtMTEuNDEtNy4zMy0xMS40MS0xNC40M2MwLTcuMDksMy41NS0xNC40MywxMS40MS0xNC40M2M3Ljg2LDAsMTEuNDEsNy4zMywxMS40MSwxNC40M0MyMDMuNjYsMTM3LjQ1LDIwMC4xMiwxNDQuNzgsMTkyLjI2LDE0NC43OHoiLz48cGF0aCBmaWxsPSIjODQ1MDNCIiBkPSJNMjc0Ljc4LDEzNS4zOWMwLDUuNDYtMy4wMiw5LjQtOC44Miw5LjRjLTUuOCwwLTguODItMy45My04LjgyLTkuNHYtMjEuNzZoLTMuMzF2MjEuNzZjMCw5Ljg3LDcuMjQsMTIuMjcsMTIuMTMsMTIuMjdjNC44OSwwLDEyLjEzLTIuNCwxMi4xMy0xMi4yN3YtMjEuNzZoLTMuMzFWMTM1LjM5eiIvPjwvc3ZnPg") no-repeat;
    background-position: 0;
}
.langtools {
	margin-left:3rem;
}
.langtools:before {
    content: ' ';
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
	left: 2rem;
    margin: 0;
	background-image:  url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwLjEgNDgwLjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MC4xIDQ4MC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQwLjEzNSwwLjA1QzE0NC4wODUsMC4wMzYsNTcuMjc3LDU3LjI4OSwxOS40NzIsMTQ1LjU4NmwtMi45OTIsMC45OTJsMS4xNiwzLjQ4ICAgIGMtNDkuNzc2LDEyMi43NjYsOS4zOTMsMjYyLjYzOSwxMzIuMTU5LDMxMi40MTVjMjguNjczLDExLjYyNiw1OS4zMjQsMTcuNTk0LDkwLjI2NSwxNy41NzcgICAgYzEzMi41NDgsMC4wMiwyNDAuMDE2LTEwNy40MTYsMjQwLjAzNi0yMzkuOTY0UzM3Mi42ODQsMC4wNjksMjQwLjEzNSwwLjA1eiBNNDI4LjM4OCwzNjEuMDU0bC0xMi4zMjQtMTIuMzE2VjMyMC4wNSAgICBjMC4wMTQtMS4yMzgtMC4yNi0yLjQ2Mi0wLjgtMy41NzZsLTMxLjItNjIuMzEyVjIyNC4wNWMwLTIuNjc0LTEuMzM1LTUuMTcyLTMuNTYtNi42NTZsLTI0LTE2ICAgIGMtMS44ODEtMS4yNTYtNC4yMDYtMS42NTctNi40LTEuMTA0bC0yOS4zOTIsNy4zNDRsLTQ5LjM2OC0yMS4xODRsLTYuNzkyLTQ3LjU4NGwxOC44MjQtMTguODE2aDQwLjQwOGwxMy42LDIwLjQ0ICAgIGMxLjIyOCwxLjgzOCwzLjE2MywzLjA4Nyw1LjM0NCwzLjQ0OGw0OCw4YzEuMjg2LDAuMjE2LDIuNjA0LDAuMTExLDMuODQtMC4zMDRsNDQuMjA4LTE0LjczNiAgICBDNDc1Ljg1NSwyMDguMDUzLDQ3MS44ODksMjkzLjYzNCw0MjguMzg4LDM2MS4wNTR6IE0zOTUuMzkyLDc4Ljg4MmwtMTMuMDA4LDguNjcybC0zNi4yNjQtNy4yNTZsLTIzLjUyOC03LjgzMiAgICBjLTEuNDQtMC40ODktMi45OS0wLjU1MS00LjQ2NC0wLjE3NmwtMjkuNzQ0LDcuNDMybC0xMy4wNC00LjM0NGw5LjY2NC0xOS4zMjhoMjcuMDU2YzEuMjQxLDAuMDAxLDIuNDY1LTAuMjg2LDMuNTc2LTAuODQgICAgbDI3LjY4LTEzLjg0QzM2Mi4zODIsNTEuMzIsMzc5LjkxOCw2My45NTIsMzk1LjM5Miw3OC44ODJ6IE0xNTIuNDQsMzMuOTE0bDE5LjIsMTIuOGMwLjk0NCwwLjYyOCwyLjAxLDEuMDQ4LDMuMTI4LDEuMjMyICAgIGwzOC43NjgsNi40NjRsLTMuNzg0LDExLjMybC0yMC4yLDYuNzQ0Yy0xLjgwOSwwLjYwMi0zLjM0NCwxLjgzLTQuMzI4LDMuNDY0bC0yMi45NzYsMzguMjg4bC0zNi45MDQsMjIuMTQ0bC01NC40LDcuNzY4ICAgIGMtMy45NDMsMC41NTctNi44NzUsMy45My02Ljg4LDcuOTEydjI0YzAsMi4xMjIsMC44NDQsNC4xNTYsMi4zNDQsNS42NTZsMTMuNjU2LDEzLjY1NnYxMy43NDRsLTMzLjI4LTIyLjE5MmwtMTIuMDcyLTM2LjIxNiAgICBDNTcuNjgsOTguMjE4LDk5Ljc3Nyw1Ni40NTgsMTUyLjQ0LDMzLjkxNHogTTEyOS42NjQsMjk2LjIxbC0zNi4xNi03LjI0bC0xMy40NC0yNi44MDh2LTE4LjhsMjkuODA4LTI5LjgwOGwxMS4wMzIsMjIuMDcyICAgIGMxLjM1NSwyLjcxMiw0LjEyOCw0LjQyNSw3LjE2LDQuNDI0aDUxLjQ3MmwyMS42NzIsMzYuMTJjMS40NDYsMi40MDcsNC4wNDgsMy44NzksNi44NTYsMy44OGgyMi4yNGwtNS42LDI4LjA1NmwtMzAuMjg4LDMwLjI4OCAgICBjLTEuNTAzLDEuNDk5LTIuMzQ5LDMuNTMzLTIuMzUyLDUuNjU2djIwbC0yOC44LDIxLjZjLTIuMDE0LDEuNTExLTMuMiwzLjg4Mi0zLjIsNi40djI4Ljg5NmwtOS45NTItMy4yOTZsLTE0LjA0OC0zNS4xMzZWMzA0LjA1ICAgIEMxMzYuMDY1LDMwMC4yNDgsMTMzLjM4OSwyOTYuOTcsMTI5LjY2NCwyOTYuMjF6IE0xMDUuNjE2LDQxOS4xOTFDMzAuMTg3LDM2Mi42MDItMS43MTIsMjY0LjgyNiwyNS44MzIsMTc0LjY0Mmw2LjY0OCwxOS45MzYgICAgYzAuNTYsMS42ODcsMS42NjYsMy4xNCwzLjE0NCw0LjEyOGwzOS44OCwyNi41ODRsLTkuMDk2LDkuMTA0Yy0xLjUsMS41LTIuMzQ0LDMuNTM0LTIuMzQ0LDUuNjU2djI0ICAgIGMtMC4wMDEsMS4yNDEsMC4yODYsMi40NjUsMC44NCwzLjU3NmwxNiwzMmMxLjEwOCwyLjIxLDMuMTc1LDMuNzg0LDUuNiw0LjI2NGwzMy42LDYuNzEydjczLjQ0OCAgICBjLTAuMDAxLDEuMDE2LDAuMTkyLDIuMDI0LDAuNTY4LDIuOTY4bDE2LDQwYzAuODc2LDIuMTg1LDIuNjcsMy44NzQsNC45MDQsNC42MTZsMjQsOGMwLjgwMiwwLjI3MiwxLjY0MiwwLjQxMiwyLjQ4OCwwLjQxNiAgICBjNC40MTgsMCw4LTMuNTgyLDgtOHYtMzZsMjguOC0yMS42YzIuMDE0LTEuNTExLDMuMi0zLjg4MiwzLjItNi40di0yMC42ODhsMjkuNjU2LTI5LjY1NmMxLjExNS0xLjExNywxLjg3NS0yLjU0LDIuMTg0LTQuMDg4ICAgIGw4LTQwYzAuODY2LTQuMzMzLTEuOTQ0LTguNTQ3LTYuMjc3LTkuNDEzYy0wLjUxNS0wLjEwMy0xLjAzOC0wLjE1NS0xLjU2My0wLjE1NWgtMjcuNDcybC0yMS42NzItMzYuMTIgICAgYy0xLjQ0Ni0yLjQwNy00LjA0OC0zLjg3OS02Ljg1Ni0zLjg4aC01MS4wNTZsLTEzLjc0NC0yNy41NzZjLTEuMTUxLTIuMzAyLTMuMzM5LTMuOTEtNS44OC00LjMyICAgIGMtMi41NC0wLjQzOS01LjEzMywwLjM5OS02LjkzNiwyLjI0bC0xMC4zODQsMTAuMzQ0VjE5Mi4wNWMwLTIuMTIyLTAuODQ0LTQuMTU2LTIuMzQ0LTUuNjU2bC0xMy42NTYtMTMuNjU2di0xMy43NTJsNDkuMTM2LTcuMDE2ICAgIGMxLjA1NS0wLjE1MywyLjA3LTAuNTE1LDIuOTg0LTEuMDY0bDQwLTI0YzEuMTIyLTAuNjc0LDIuMDYyLTEuNjE0LDIuNzM2LTIuNzM2bDIyLjQ4LTM3LjQ2NGwyMS4xOTItNy4wNzIgICAgYzIuMzkzLTAuNzg1LDQuMjcxLTIuNjYyLDUuMDU2LTUuMDU2bDgtMjRjMS4zODYtNC4xOTUtMC44OTEtOC43Mi01LjA4Ni0xMC4xMDZjLTAuMzg3LTAuMTI4LTAuNzg0LTAuMjI2LTEuMTg2LTAuMjk0ICAgIGwtNDYuMzA0LTcuNzJsLTguMTM2LTUuNDI0YzUwLjM0My0xNi4zODYsMTA0Ljg2OS0xNC4zNTgsMTUzLjg1Niw1LjcybC0xNC42MTYsNy4yOTZoLTMwLjExMmMtMy4wNDctMC4wMTctNS44MzgsMS42OTktNy4yLDQuNDI0ICAgIGwtMTYsMzJjLTEuOTcxLDMuOTU0LTAuMzY0LDguNzU4LDMuNTksMTAuNzI5YzAuMzM3LDAuMTY4LDAuNjg1LDAuMzEyLDEuMDQyLDAuNDMxbDI0LDhjMS40NCwwLjQ4OSwyLjk5LDAuNTUxLDQuNDY0LDAuMTc2ICAgIGwyOS43NDQtNy40MzJsMjEuNzkyLDcuMjU2YzAuMzEyLDAuMTEyLDAuNjMzLDAuMTk4LDAuOTYsMC4yNTZsNDAsOGMyLjA4LDAuNDI0LDQuMjQ0LTAuMDAyLDYuMDA4LTEuMTg0bDE4LjIwOC0xMi4xNDQgICAgYzguOTYxLDkuOTgxLDE3LjAxNCwyMC43NDEsMjQuMDY0LDMyLjE1MmwtMzkuMzYsMTMuMTJsLTQyLjYxNi03LjEwNGwtMTQuMDgtMjEuMTJjLTEuNDc2LTIuMjEzLTMuOTU2LTMuNTQ3LTYuNjE2LTMuNTZoLTQ4ICAgIGMtMi4xMjIsMC00LjE1NiwwLjg0NC01LjY1NiwyLjM0NGwtMjQsMjRjLTEuNzgyLDEuNzgxLTIuNjIxLDQuMjk4LTIuMjY0LDYuNzkybDgsNTZjMC40MDMsMi43NjksMi4yMjMsNS4xMjYsNC44LDYuMjE2bDU2LDI0ICAgIGMxLjYwNCwwLjY5NSwzLjM5NCwwLjgzOCw1LjA4OCwwLjQwOGwyOC41NjgtNy4xNDRsMTcuNDY0LDExLjY2NHYyNy43MmMtMC4wMTQsMS4yMzgsMC4yNiwyLjQ2MiwwLjgsMy41NzZsMzEuMiw2Mi4zMTJ2MzAuMTEyICAgIGMwLDIuMTIyLDAuODQ0LDQuMTU2LDIuMzQ0LDUuNjU2bDE2LjczNiwxNi43NDRDMzQ0LjkyMSw0NzMuMzgzLDIwNC41NDksNDkzLjQxNSwxMDUuNjE2LDQxOS4xOTF6IiBmaWxsPSIjODQ1MDNiIj48L3BhdGg+DQogICAgICAgICAgICA8L3N2Zz4");
    background-repeat: no-repeat;
    background-size: 1.5rem auto;
}

#tools {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    top: -1.5rem;
    position: relative;
	font-size: 13px;
}

#tools ul {
     margin: 0;
    padding: 5px;

}

#tools li {
        display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tools li a {
    color: #999;
    margin: 0;
    padding: 5px;
    text-decoration: none;
}

#content {
	background-color: #ffffff;
	margin: 0;
	padding: 40px;
    position: relative;
    width: 1080px;
    left: 0;
}

#sidebar + #content {
    width: 690px;
    left: 300px;
}

#content p, #content pre, #content td {
 margin-bottom: 1rem;
}

#content ul, #content ol {

}


#content table.quickref{
  width: 45em;
}

#content table.quickref td {
	font-size: 0.95em;
}

#content table {
  border: 0;
}

#content table tr, #content table td {
  padding:0; margin:0;
}


#content textarea {
  width:50em; height:30em;
  font-family: monospace;
}

#content h1 {
  font-size: 20px;
  color: #84503b;
  margin: 0 0 0.5em;
}

#content h2 {
  font-size: 14px;
  margin: 0 0 0.5em;
}

#content h3 {
  font-size: 12px;
  margin: 0 0 0.5em;
}

#content ul, ol {
  margin-left:0;
	padding-left:1.25em;
}

div#content {
	min-height: 35em;
}

#sidebar {
    float: left;
    width: 17rem;
    margin: 0 -17rem 0 0;
    display: inline-block;
}

#sidebar p, #sidebar li, #sidebar ol{
}

#sidebar ul {
    list-style: none outside none;
    margin: 0 0 5px;
    padding: 0;
}

#sidebar ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
#sidebar ul li a, #sidebar .toggle_link {
    background: none repeat scroll 0 0 #fff;
    border-top: 3px solid #F6F6F6;
    color: #84503b;
    display: block;
    margin: 0;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
}

#sidebar .sidehead, #sidebar .toggle_link {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #84503b;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

#sidebar .toggle_link, #sidebar .sub {
    cursor: pointer;
}

#sidebar ul li a:hover, #sidebar ul li .here a{

    background: none repeat scroll 0 0 #d0beb2;
}



#suptitle p, #suptitle ul {
	font-size: 12px;
	padding: 0.4em 0;
}

#suptitle p {
	float: left;
	padding-left: 1em;
}

#suptitle ul {
	text-align: right;
	padding-right: 1em;
}

#suptitle ul li {
	display: inline;
	margin-left: 1em;
}

#menu ul {
    position: relative;
	margin: 0;
	padding: 0;
	bottom: 0;
    left: 18rem;
	font-weight: 400;
	}

#menu ul li {
  position:relative;
	display: inline-block;
	border-color: #2b2b2b;
}


#menu ul li a {
  position: relative;
	font-size: 16px;
	color: #84503b!important;
    height: 6.375rem;
	display: inline-block;
}

#menu ul li a:hover, #menu ul li.here a {
    color:#724533;
	text-decoration: none;
	transition: all .2s ease-out;
}


#menu ul li a .pos {
    display: inline-block;
    text-align: center;
    padding: 2rem 1rem;
}
#menu ul li:hover > a:after {
    left: 12px;
    right: 12px;
}
#menu ul li > a:after {
    content: ' ';
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    right: 50%;
    height: 1px;
    background: #84503B;
    transition: all .2s ease-out;
    display: inline-block;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	text-align: center;
}

#footer a {
  margin: 1em;
}

#footer a:link, #footer a:visited {
	color: #777;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.clear {
  clear: both;
}

.sphg {
    background-color: #EFF4D7;
    border-radius: 4px;
    margin: 0 0 5px;
    padding: 8px 14px;
}

.loginform {
    border: 1px solid #BBBBBB;
    margin: 50px auto;
    padding: 8px 15px;
    width: 400px;
    border-radius: 10px;
    box-shadow: 0 1px 4px #aaa;
}
.loginform label {
    float: left;
    font-weight: bolder;
    margin: 10px 5px 0 0;
    width: 120px;
}

.loginform .inputbox {
    border: 1px solid #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px #DDDDDD;
    color: #555555;
    margin: 10px 5px 5px;
    padding: 2px;
	
    width: 250px;
}
.loginform input[type="submit"] {
    border: 1px solid #BBBBBB;
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 6px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    color: #111111;
    line-height: 30px;
    margin: 10px 130px 5px;
    padding: 0px 10px;
    width: 205px;
    text-decoration: none;
}
.loginform input[type="submit"]:hover {
    background: -moz-linear-gradient(center top , #ddd, #eee) repeat scroll 0 0 transparent;
    cursor: pointer;
    position: relative;
}
.loginform input[type="submit"]:active {
    left: 1px;
    position: relative;
    top: 1px;
}

.fehler {
	color: #f00;
    background:transparent url(../images/error_here.png) no-repeat scroll 0 3px;
    padding-left:15px;
}

.keine_rechte, .fehlermeldung, .erfolgsmeldung, .warnmeldung, .infomeldung {
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 32px;
    display: block;
    -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.keine_rechte, .fehlermeldung{
    background: url("../images/exclamation.png") no-repeat scroll 10px 10px #FFEEE2;
    border: 1px solid #C10000;
}

.erfolgsmeldung{
    background: url("../images/accept.png") no-repeat scroll 10px 10px #D9FBD4;
    border: 1px solid #15A100;
}

.warnmeldung{
    background: url("../images/error.png") no-repeat scroll 10px 10px #FBFAD4;
    border: 1px solid #F5DA7B;
}

.infomeldung {
    background: url("../images/information.png") no-repeat scroll 10px 10px #DFF2FF;
    border: 1px solid #A4D2F2;
}

/*  Warenkorb  */

.auflagenauswahl {
    width: 200px;
    margin: -4px 10px 0 250px;
    font-size: 0.9rem;
    padding: 6px 5px 5px;
    height: 34px;
}

.artikel_entfernen {
     vertical-align: -3px;
}


.kaufeinstellungen {
	margin: 0 0 30px;
	padding: 0;
}


.bezahlartenbereich {
display: none;
}

.bezahlarten {
	width: 235px;
	float: left;
	margin: 0 15px 0 0;
	font-size:10px!important;
	line-height:1.2em;
	position:relative;
}

.bezahlarten .desc {
	padding-left: 17px;
}

.bezahlarten .Bezahlart {
	font-size: 12px;
	font-weight: bold;
}

.bezahlarten a {
     text-decoration: underline;
}

.bezahlwarnung {
    color:#933;
}

.Inaktiv {
	color: #999;
}

.bezahlradio {
   vertical-align:-1px;
}

.auflage_preis {
    display:block;
    font-weight: bold;
    margin-bottom: 5px;
}

#warenkorb {
    padding-top: 10px;
}

#waren h2 {
    margin: 0 0 4px;
}

#waren h2 .titel {
    color: #999999;
    display: block;
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 8px;
}

#waren a, #waren a:visited, #waren a:active {
    text-decoration: none !important;
}

.produktabb img, .produktabb a img, #warenkorb .produktabb, #warenkorb .presetproduktabb {
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	margin-bottom: 2rem;
}

.produktabb img, .produktabb a img, #warenkorb .produktabb, #warenkorb .presetproduktabb { 
max-height: 350px;
max-width: 350px;
}

.voransicht img, .voransicht a img { 
max-width: 550px;
}

#waren form, #warenkorb form {
    margin: 0;
    padding: 0;
}
#waren table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.sep {
    border-bottom: 1px solid #999999;
    padding: 8px 15px 8px 0!important;
}
.prod_display {
    width: 250px;
}
.prod_desc {
    width: 555px;
}
.net {
    padding-right: 10px;
    text-align: right;
}

.Produktbeschreibung {
	display: none;
}

#Nachricht {
    background: url("../images/comment_edit.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

#Nachricht {
    height: 80px;
    background-color: #E6E6E6;
    padding: 10px 10px 10px 30px;
    background-position: 10px 10px;
}
.clearer {
    clear: both;
}

.thumbnail_zoom:after {
    content: url(../images/zoom_icon.png);
    left: -20px;
    position: relative;
    bottom: 32px;
}

.preisangabe {
    display: block;
    height: 28px;
    margin: 0 0 -35px;
    padding: 6px 0 2px 12px;
    width: 230px;
}

.preisangabe .eur {
    color: #444444;
    font-size: 18px;
    font-weight: bold;
    vertical-align: -2px;
}

.zum_eindruck {
	/*left: 250px;*/
    padding: 9px 15px 8px;
    position: relative;
    top: 7px;
    height: 34px;
	color:#fff;
}

.in_warenkorb {
    padding: 8px 15px;
    position: relative;
    height: 34px;
	color:#fff;
}

/* Adressen */

.adressauswahl {
    margin-top: 10px;
}


.legend {
    width: 8.7rem;
    display:block;
    float: left;
}
.formfield {
    width: 244px;
    margin: 0 0 0.6rem 0;

}
.formfield, .formfield_plz, .formfield_ort, .formfield_land {
    padding: 0 0.5rem;
    height: 1.8rem;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #F6F6F6;
    border: 0 none;
    border-collapse:collapse;
    -khtml-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    border: medium none;
}

.formfield_plz {
   margin: 0 4px 0.6rem 0;

    width: 40px;
}
.formfield_ort {
    margin: 0 0 0.6rem 0;
    width: 180px;
}
.formfield_land {
    margin: 0 0 0.6rem 0;
    width: 260px;
    padding: 4px 2px;
}

#lieferadresse_anlegen, #rechnungsadresse_anlegen {
 border: 1px solid #DDDDDD;
    margin: 0;
    padding: 10px;
    width: 25rem;
}
#abweichende_Lieferadresse {
    margin: 20px 0;
    cursor: pointer;
}

#lieferadresse_waehlen, .point {
    cursor: pointer;
}
.lieferadresse_add, .rechnungsadresse_add {
   display: block;
    margin: 5px 4px;
    cursor: pointer;
}

.err_msg {
   clear: left;
    color: #AA0000;
    display: none;
    margin: 0 3px 5px 60px;
}

.abschluss {
    background-color: #BBBBBB;
    display: block;
    height: 1px;
    margin: 10px 0;
    width: 100%;
    clear:both;
}
.kaufeinstellungen .abschluss {
	height: 0;
	background-color: #fff;
	clear: none;
}


/*  Buttons */
.refresh, .nextpage, .done, .adresspool, .rechnunglieferung, .leeren, .weitere, .bestellab, .adress_speicher, .adress_abbrech, .zurueck_basket, .bezahlung, .zurueck_start {
    height: 36px;

	    padding: 4px 15px 4px;
}
.refresh, .nextpage, .bestellab, .adress_speicher, .adress_abbrech, .zurueck_basket {
    float: right;
    padding: 4px 15px 4px;
}
.adress_add, .adress_delete, .adress_quit, .we_ready {
    height: 31px;
    padding: 0 10px 1px;
    width: 285px;
}
.adress_abbrech, .nextpage {
    margin-right: 4px;
}
.zurueck_basket {
    margin-left: 4px;
}
.refresh {
    margin-bottom: 10px;
}

.noround, .leftround, .allround, .rightround   {

}
.leftround {

}
.rightround {

}
.allround {

}

.actionbtn, .noactionbtn {
    cursor: pointer;
	border-bottom: 1px solid #999;
}
.actionbtn a {
    text-decoration: none;
    color: #fff;
}
.actionbtn, .noactionbtn, .noaction {
	border: none;
}
.actionbtn {
    background-color: #84503b;
	color:#fff;
}
.actionbtn:hover {
    background-color: #D0BEB2;
}
.noactionbtn {
    background-color: #E6E6E6;

	border-bottom: 1px solid #999;
}
.noactionbtn:hover {
    background-color: #f0f0f0;
}
.noaction {
    background-color: #CCCCCC;
    color: #666666;
	border-bottom: 1px solid #aaa;
}

.actionbtn:hover, .noactionbtn:hover {

}

#bestellhinweis img{ border: none; }

#bestellhinweis{
    height: 1200px;
    width:  100%;
    z-index: 99;
    display: none;
    background: transparent url(../images/overlay.png) repeat top left;
    position: absolute;
    top: 0;
    left: 0;
}

#bestellhinweis .center_this {
   background: url("../images/ajax-loader.gif") no-repeat scroll 10px 10px #FFFFFF;
color: #555;
    margin: auto;
    padding: 15px 15px 15px 50px;
    position: relative;
    top: 300px;
    width: 300px;
    font-weight: bold;
    border: 1px solid #ccc;
    -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.Web-to-Print-Datensatz {
	display: inline-block;
}