body {font-family:Arial, Helvetica, sans-serif;padding:0;margin:5px}
.body { padding:0;margin:0; background:#EBE7E6 }

p,div,td,br { margin:0; color:#fff; font-size:16px }
h1 { margin:0 0 40px 0; color:#fff; font-size:22px; font-weight:bold }
h2 { margin:0 0 30px 0; color:#fff; font-size:20px; font-weight:bold }
h3 { margin:0 0 20px 0; color:#fff; font-size:18px; font-weight:bold }
ul, ol { color:#fff; font-size:16px; margin-top:10px; margin-bottom:10px }
ul li { color:#fff; font-size:16px; line-height:15px; margin:0 0 0 -10px }
ol li { color:#fff; font-size:16px; line-height:15px; margin:0 0 0 -19px }
form { margin:0; padding:0; color:#000000 }
input { padding:0; color:#000000 }
table { border-collapse:collapse; table-layout:fixed }
a:link, a:visited, a:active { font-size:16px; font-weight:normal; color:#fff; text-decoration:none }
a:hover { text-decoration:underline }


#all {bottom:95px;position:absolute;top:110px;left:0;width:100%;padding:0;margin:0; background:#EBE7E6}
#nav {position:fixed;height:110px;width:100%;left:0;top:0;background:#fff; z-index:1}
.tools_div { float:right; display:block; position:relative; margin:0 20px 0 0; z-index:1000 !important }
.tools_div img { margin:0; border:none; width: 45px; height: auto }
.mlogo_top {display:none}
.mob_nav {display:none}
#navi {position:absolute;width:69%;height:50px;right:20px; top:50px}
#mnavi {display:none}

#left {position:absolute; left:0; bottom:100px; height:100%; min-height:100%; width:30%; float:left; background:none}
#left .logotop {position:fixed; top:200px; left:0; width:30%; text-align:center; z-index:1}
#left .logotop img {position:relative; width:90%; max-width:280px}
#left .logobottom {position:fixed; bottom:95px; left:0; width:29%; z-index:0}
#left .logobottom img {position:relative; width:100%; max-width:100%}
#mob_face { display:none }

#container {position:absolute;top:40px;bottom:0;right:100px;width:65%;padding:0;margin:0;}
.index_ct { top:300px !important }
.content_div {width:100%;max-height:100%;height:100%;padding:0;margin:0}
.ctfill1 {position:fixed;width:100%;height:25px;background:url(/images/back_content1.png) repeat-x; z-index:100}
.ctfill2 {position:fixed;bottom:95px;left:0;width:100%;height:25px;background:url(/images/back_content2.png) repeat-x}
.content_p { background:#B4A79E;overflow:visible; padding:30px 0 140px 0}
.content_p h1 {padding:0 50px 15px 50px;color:#fff;font-size:22px;font-weight:bold; margin-bottom:25px; background:url(/images/h1.gif) bottom no-repeat; background-size:90% auto}
.content_p h2 {padding:0 50px 0 50px;color:#fff;font-size:20px;font-weight:bold; margin-bottom:30px}
.content_p h3 {padding:0 50px 0 50px;color:#fff;font-size:18px;font-weight:bold; margin-bottom:20px}
.content_p h4 {padding:0 50px 0 50px;color:#fff;font-size:16px;font-weight:bold; margin-bottom:20px}
.content_p p {padding:0 50px 0 50px;color:#fff;font-size:16px;font-weight:normal;clear:left}
.content_p p iframe { width:auto; min-width:48%; max-width:100%; height:auto; min-height:300px; float:left; margin-right:8px }
.content_p ul {padding:0 50px 0 50px}
.content_p li {color:#fff;font-size:16px;font-weight:normal; margin-left:15px; line-height:20px}
.lang {color:#fff;font-size:12px;font-weight:normal;float:right;margin-right:40px}
.content_p a:link, .content_p a:visited, .content_p a:active {text-decoration:none;font-size:16px;font-weight:normal;color:#FDD7A9 !important}
.content_p a:hover {text-decoration:underline}
.content_p table { margin:0 50px 0 50px; max-width:90% }
.content_p td h1 { padding:0 0 15px 0 !important }
.content_p td p { padding:0 !important }
.content_p td img { width:auto; max-width:100%; height:auto }

.main_div {width:480px; margin-left:50px; float:left}
.main_linkimg {cursor:pointer}
.maps_div {max-width:43%; width:43%; margin:0 25px 0 50px; float:left; position:relative}
.maps_view {max-width:43%; width:43%; margin:0 25px 0 0; float:left; position:relative}
.google_map { width:100%; max-width:100%;height:360px;border:solid 1px #fff }
.fb-like { margin-left: 50px }

.spez-link { padding: 15px; border:2px solid #FDD7A9; margin: 15px 0 15px 0; display: block; float: left }
.spez-link:hover { background: #ffffff; text-decoration: none !important }

.home_div { width:49%; float:left }

#footer { position:fixed; height:95px; width:100%; left:0; bottom:0; background:#A09187  }
#footer .ft1 { width:30%; display:block; float:left }
#footer .ft1 p { margin:15px 0 0 30px; color:#fff; font-size:14px; float:left }

#footer .ft2 { width:70%; display:block; float:left }
#footer .ft2 p { margin:15px 0 0 30px; color:#fff; font-size:14px; float:left }
#footer .ft2 span { float:left }
.sp1 { margin-right:10px }

.pwd { float:right !important; margin:10px 20px 0 0 !important; color:#fff; font-size:11px; text-align:right !important }
.pwd a:link, .pwd a:visited, .pwd a:active { font-size:11px; color:#fff; text-decoration:none }
.pwd a:hover {text-decoration:underline}

.cookieinfo { background: #000000 !important; font-family: 'Arial', sans-serif !important; height: auto !important}
.cookieinfo span { width: 100% !important; float: none !important; padding-bottom: 60px !important; font-size: 16px !important; color: #ffffff !important }
.cookieinfo span a { color: #da0013 !important; text-decoration: none !important; font-size: 16px !important}
.cookieinfo span a:hover { text-decoration: underline !important}
.cookieinfo-close { float:none !important; width: 200px !important; margin: auto !important; position: absolute !important; left: calc(50% - 100px); bottom: 20px; color: #ffffff !important; background: #da0013 !important; font-size: 16px !important }
.cookieinfo-close:hover { text-decoration: underline !important }

/*Form*/
.form_b { color:#ffffff; margin:0 0 15px 0 !important; display:block }

.form_tableft_s { float:left; color:#ffffff; height:28px; width:30%; margin-bottom:5px }
.form_tabright_s { float:left; color:#ffffff; height:28px; width:70%; margin-bottom:5px }

.form_tableft_m { float:left; color:#ffffff; height:28px; width:30%; margin-bottom:5px }
.form_tabright_m { float:left; color:#ffffff; height:28px; width:70%; margin-bottom:5px }

.form_tableft_l { float:left; color:#ffffff; height:84px; width:30%; margin-bottom:5px }
.form_tabright_l { float:left; color:#ffffff; height:84px; width:70%; margin-bottom:5px }

.form_field_xs { width:35%; margin-right: 2%; font-size:18px; padding:2px; background-color:#ffffff; border:1px solid #ffffff; float: left }
.form_field_s { width:98%; font-size:18px; padding:2px; background-color:#ffffff; border:1px solid #fff }
.form_field_l { width:98%; height:70px; font-size:18px; padding:2px; background-color:#ffffff; border:1px solid #ffffff;  }

.has-js .label_radio { background:url(/images/radio-off.png) no-repeat; background-size:15px; background-position:0 2px; padding-left:22px; cursor:pointer; margin-right:10px; color:#ffffff }
.has-js label.r_on { background:url(/images/radio-on.png) no-repeat; background-size:15px; background-position:0 2px }
.has-js .label_radio input { position: absolute; left: -9999px; }

.form_button { background:#ffffff; font-size:20px; font-weight:normal; color:#000000; border:none; margin:4px 10px 4px 0; padding:8px; text-align:center; cursor:pointer; letter-spacing:1px }
.form_button:hover { color:#000000 }

.sendbtn { float:right; margin-top:-20px }

.form_tableft_sp { display:none }
.form_tabright_sp { display:none }

#form_obligl { background-color:#F2E400; color:#000 }
#form_obligr { background-color:#F2E400; color:#000 }


/* Menu */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; line-height:normal }
.sf-menu li { position:relative;  }
.sf-menu ul { position:absolute; display:none; top:100%; left:0; z-index:99; }
.sf-menu > li { float:left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display:block; }
.sf-menu a { display:block; position:relative; }
.sf-menu ul ul { top:0; left:100%; }

.sf-menu { float:left; }
.sf-menu img { border:none }
.sf-menu ul { box-shadow:2px 2px 6px rgba(0,0,0,.2); min-width:9em; *width:9em; background:#fff }
.sf-menu li { background:#fff; white-space:nowrap; *white-space:normal; -webkit-transition:background .2s; transition:background .2s; }
.sf-menu li:hover, .sf-menu li.sfHover { background:none; -webkit-transition:none; transition:none; }
.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active { padding:14px;display:inline-block;text-decoration:none;color:#A09187;font-size:20px; font-weight:normal }
.sf-menu li a:hover { background:#EBE7E6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#F8AD4A }
.sf-menu li ul li { top:0; background:#fff; text-align:center }
.sf-menu li ul li a:link, .sf-menu li ul li a:visited, .sf-menu li ul li a:active { border:none; float:none; height:auto; padding:10px 18px 10px 18px; font-size:20px; text-decoration:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; zoom:1 }
.sf-menu li ul li a:hover { text-decoration:underline; background:#F0F0F0; color:#bf0214; display:block }
.sf-menu ul li { background:#fff }
.sf-menu ul ul li { background:#fff }

.sf-arrows .sf-with-ul { padding-right:2.5em; *padding-right:1em; }
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content:''; position:absolute; top:50%; right:8px; margin-top:10px; height:0; width:0; border:4px solid transparent; border-top-color:#A09187; border-top-color:rgba(160,145,135,1); }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color:#fff; }
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { margin-top:-4px; margin-right:2px; border:5px solid transparent; border-left-color:#bf0214; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color:#fff; }

/* popup */
body.pgwModalOpen { overflow:hidden }
#pgwModalBackdrop { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9000 }
#pgwModal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:9010; overflow-x:auto; overflow-y:auto; text-align:center }
#pgwModal .pm-container { margin:10px }
#pgwModal .pm-body { display:inline-block; max-width:800px; min-width:300px; position:relative; width:100%; z-index:9020; margin-top:10px }
/*only edit the content below*/
.pgwModalBackdrop { background:#000; opacity:0.6; filter:alpha(opacity=60) }
.pgwModal .pm-body { background-color:#fff; border-radius:5px; -webkit-box-shadow:0 0px 5px 5px #555; box-shadow:0 0px 5px 5px #555 }
.pgwModal .pm-title { background:#e5e5e5; padding:5px 0 6px; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; font-size:1rem; min-height:25px }
.pgwModal .pm-content { background:#fff; padding:0; border-radius:5px; text-align:center }
.pgwModal .pm-content img { margin:10px; max-width:93%; height:auto; cursor:pointer }
.pgwModal .pm-close { cursor:pointer; position:absolute; top:9px; right:15px }
.pgwModal .pm-close span.pm-icon { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=); display:block; height:20px; width:20px }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('/images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*thumbs helper*/
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin:0 !important; padding:0 !important; }
#fancybox-thumbs ul li { float: left; padding: 1px;	opacity: 0.5; margin:0 !important }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url('/images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/* slider main https://www.woothemes.com/flexslider/ */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline:none}
.slides, .flex-control-nav, .flex-direction-nav {margin:0 !important; padding:0 !important; list-style:none}

@font-face {font-family:'flexslider-icon'; src:url('/root/fonts/flexslider-icon.eot'); src:url('/root/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/root/fonts/flexslider-icon.woff') format('woff'), url('/root/fonts/flexslider-icon.ttf') format('truetype'), url('/root/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight:normal; font-style:normal}

.flexslider {margin:auto; padding:0}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden; margin-left:0 !important}
.flexslider .slides li {margin-top:0}
.flexslider .slides img {width:100%; display:block; margin:0}
.flex-pauseplay span {text-transform:capitalize}

.slides .slider_ct {background:#c8c8c8; height:auto; padding:15px 15px 0 15px}
.slides .slider_ct h3 {color:#005399; font-size:14px; font-weight:bold; letter-spacing:normal }
.slides .slider_ct p {color:#005399; font-size:14px; line-height:16px}
.slides .slider_ct a {font-size:14px; line-height:16px}

.slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0}
html[xmlns] .slides {display:block}
* html .slides {height:1%}

.no-js .slides > li:first-child {display:block}

.flexslider {width:100%; max-width:100%; height:auto; margin:auto; background:#c8c8c8; position:relative; border:none;  zoom:1}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease}
.loading .flex-viewport {max-height:300px}
.flexslider .slides {zoom:1}
.carousel li {margin-right:5px}

.flex-direction-nav {*height:0}
.flex-direction-nav a  {text-decoration:none; display:block; width:50px; height:60px; margin:0 15px 0 15px; position:absolute; top:35%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(160,145,135,1) !important; text-shadow:1px 1px 0 rgba(0,0,0,0.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease}
.flex-direction-nav .flex-prev {left:-20px}
.flex-direction-nav .flex-next {right:-20px; text-align:right}
.flexslider:hover .flex-prev {opacity:0.5; left:0}
.flexslider:hover .flex-next {opacity:0.5; right:0}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1}
.flex-direction-nav .flex-disabled {opacity:0!important; filter:alpha(opacity=0); cursor:default}
.flex-direction-nav a:before  {font-family:"flexslider-icon"; font-size:40px; margin:20px 0 10px 0; display:inline-block; content:'\f001'}
.flex-direction-nav a.flex-next:before  {content:'\f002'}

.flex-control-nav {width:100%; position:absolute; bottom:10px; text-align:center}
.flex-control-nav li {margin:0 6px 0 6px; display:inline-block; zoom:1; *display:inline}
.flex-control-paging li a {display:inline-block; margin:0 15px 0 15px; padding:0; height:7px; width:7px; text-indent:-9999px; cursor:pointer; border:2px solid #fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px}
.flex-control-paging li a:hover {background:#fff}
.flex-control-paging li a.flex-active {background:#fff; cursor:default}


@media (max-width:1500px) {
#navi {width:66%}
#container {right:50px;width:65%}
.content_p p img { max-width:80%; }
.content_p p iframe { min-width:80%; max-width:80% }

.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active { padding:15px 10px 15px 10px;font-size:18px }

}

@media (max-width:1330px) {
#navi {position:absolute;width:70%;top:5px; left:20px}

}

@media (max-width:1220px) {
#container {right:20px;width:69%; top:30px}
.logotop {width:25% !important;margin:0 0 0 20px}
.content_p h1 {font-size:22px}
.content_p h2 {font-size:20px}
.content_p h3 {font-size:18px}
.content_p p {font-size:16px}
.content_p td {font-size:16px}
.content_p p img { max-width:80% }
.content_p li {font-size:16px}
.content_p a:link, .content_p a:visited, .content_p a:active {font-size:16px}


}

@media (max-width:1100px) {

.maps_div {max-width:96%; width:96%; margin:20px auto 0 auto !important; float:none; position:relative; display:block}
.maps_view {max-width:96%; width:96%; margin:20px auto 0 auto !important; float:none; position:relative; display:block}
.home_div { width:96%; float:none; margin-bottom:30px; clear:both }
.home_div table td { text-align:left !important }

#footer .ft1 { width:28% }
#footer .ft1 p { margin:15px 0 0 8px; color:#fff; font-size:12px; float:left }
#footer .ft1 a { color:#fff !important; font-size:12px !important }
#footer .ft2 { width:72% }
#footer .ft2 p { margin:15px 0 0 8px; color:#fff; font-size:12px; float:left }
#footer .ft2 a { color:#fff !important; font-size:12px !important }
.sp1 { margin-right:5px }
.pwd { margin:20px 10px 0 0 !important; font-size:10px; }
.pwd a { font-size:10px !important; }

}


@media (max-width:825px) {
.body {background:#A09187}

.news_table table, .news_table thead, .news_table tbody, .news_table th, .news_table td, .news_table tr { display: block; width:100% !important; margin:auto }
.news_table td { position: relative; float:left; text-align:left !important; padding:10px 0 0 0 }
#left { display:none }

#bg { display:none}
#all {width:100%; height:auto;background:#A09187}
#nav {z-index:1000; width:100%; height:130px}
#navi {display:none}
#mnavi {display:none; position:relative; margin:auto; top:5px; width:97%;height:100%;overflow:auto; background:#A09187; }
#mnavi a:link, #mnavi a:visited, #mnavi a:active {padding-top:15px;display:block;position:relative;width:100%;height:42px;background:url('/images/mnavback.gif') repeat-x; background-size:contain;text-decoration:none;font-weight:normal;color:#A09187;font-size:20px;text-align:center}
#mnavi a:hover {text-decoration:underline}
#mnavi #mnavi_tit {padding-top:8px;padding-bottom:8px;display:block;position:relative;width:100%;height:auto;background:#fff;text-decoration:none;font-weight:bold;color:#bf0214;font-size:20px;text-align:center}
.tools_div { display:none}
#container {width:100%; height:auto; margin:auto; z-index:1; top:20px; bottom:0; right:0; position:relative}
.logotop {display:none}
.mlogo_top {display:block;float:left;text-align:left}
.mlogo_top img {border:none; position:absolute; bottom:10px; left:20px; max-height:110px; width:auto }
.mob_nav {display:block;float:right;width:20%;margin:5px 10px 0 0; text-align:right}
.mob_nav img {cursor:pointer;border:none; width: 80px; height: auto}
.mob_nav a img {width: 40px; height: auto}
.content_div {width:100%; height:auto !important; margin:auto; overflow:hidden}
.content_p {padding-bottom:50px !important }
.content_p h1 {padding:0 20px 15px 20px; margin-bottom:30px}
.content_p h2 {padding:0 20px 0 20px; margin-bottom:20px}
.content_p h3 {padding:0 20px 0 20px; margin-bottom:10px}
.content_p h4 {padding:0 20px 0 20px; margin-bottom:10px}
.content_p p {padding:0 20px 0 20px}
.content_p ul {padding:0 20px 0 20px}
.content_p p img {float:left;display:block;width:46%; max-width:46%; height:auto; margin:0 15px 15px 0}
.content_p td {font-size:15px}
.content_p td img { width:auto; max-width:100%; height:auto; float:none !important  }
.content_p table { margin:0 20px 0 20px }
.filler1 {display:none}
.filler2 {display:none}
.ctfill1 {display:none}
.ctfill2 {display:none}
.lang {margin:0 10px 20px 80px}
.fb-like { margin-left:20px }

#mob_face {display:block; position:relative; left:0; bottom:auto; width:100%; height:auto; clear:both; background:#EBE7E6; overflow:hidden}
#mob_face img {position:relative; width:50%; max-width:50%; height:auto}
	.mob_hide { display: none !important}

#footer { position:relative; height:0; clear:both !important}

#footer .ft1 { width:100%; display:block; float:none; position:absolute; bottom:210px }
#footer .ft1 p { margin:15px 0 0 25px; font-size:14px; float:left; color:#A09187 }
#footer .ft1 a { color:#A09187 !important; font-size: 14px !important }

#footer .ft2 { width:100%; display:block; float:none; position:absolute; bottom:110px }
#footer .ft2 p { margin:15px 0 0 25px; font-size:14px; float:left; color:#A09187 }
#footer .ft2 a { color:#A09187 !important; font-size: 14px !important }

.pwd { position:absolute; left:30px; bottom:-100px; color:#A09187; font-size:11px; text-align:left !important; }
.pwd a { color:#A09187 !important }

.main_div {width:auto; margin-left:5px; float:none}
.form_tableft_s, .form_tableft_l, .form_tableft_m { float:none; display:block; font-size:17px; margin:0 0 5px 0; padding:0; height:auto !important; width:90% !important; background:none !important }
.form_tabright_s { float:none; display:block; background:none; margin:-2px 0 -10px 0; height:35px; width:100% }
.form_tabright_m { float:none; display:block; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }
.form_tabright_l { float:none; display:block; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }

.form_field_s { padding:5px 2px 5px 2px; width:98% }
.form_field_l { padding:5px 2px 5px 2px; width:98% }

.form_button { margin:4px 4px 4px 0 }
.sendbtn { float:none !important; margin-top:20px }
}

@media (max-width:600px) {
#mob_face img {position:relative; width:460px; max-width:460px; height:460px}

#footer .ft1 { bottom:300px }
#footer .ft1 p { margin:15px 0 0 20px; float:none; }
#footer .ft2 { bottom:120px }
#footer .ft2 p { margin:15px 0 0 20px; float:none; }
.mobcleft { clear:left }
.pwd { position:absolute; left:20px; bottom:-100px; color:#A09187; font-size:11px; text-align:left !important; }
}

@media (max-width:480px) {
.content_p p img {float:none;display:block;width:100%; max-width:100%; height:auto; margin-bottom:15px}
}

@media (max-width:350px) {
.form_field_xs { position:relative; width:45%; height:25px; border:1px solid #bf0214; font-size:14px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; float:left; voice-family:"\"}\""; voice-family:inherit; width:43%; height:21px }
html>body .form_field_xs { width:43%; height:21px }
}