
@charset "utf-8";

@import url("scripts/jd.gallery.css");

body {
	background-image: url(img/back.gif);
	background-repeat:repeat-x;
	background-color:#D8E8FF;
	/*background-attachment:fixed;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #32598E;
	font-size: 12px;
	padding:0px;
	margin:0px;
}

.announcement{
	
}

td, div {
font-size: 12px;
}

a {
color:#2F5383;
text-decoration:underline;
}
a:hover {
color:#4E7EC0;
text-decoration:underline;
}

.pun, .block, .inbox, .intd, .tclcon{
font-size: 10px;
}

#infowindow{
background-image:none;
background-color:#FBFDFF;
margin:20px;
text-align:justify;
}

.ordertbl_left{
text-align:right;
font-weight:bold;
}

.tiplink{
text-decoration:none;
font-size:10px;
cursor: default;
}

.code{
font-family:"Courier New", Courier, monospace;
line-height:150%;
padding: 2px;
background-color:#F5F5F5;
}

.b1 { vertical-align:top; margin-left:auto; margin-right:auto; margin-bottom:14px;}
#b1-lo {background-image: url(img/b1-lo.gif);}
#b1-o  {background-image: url(img/b1-o.gif);}
#b1-ro {background-image: url(img/b1-ro.gif);}
#b1-lu {background-image: url(img/b1-lu.gif);}
#b1-u  {background-image: url(img/b1-u.gif);}
#b1-ru {background-image: url(img/b1-ru.gif);}
#b1-m, #b1-l, #b1-r  {
	background-image: url(img/b1-m.gif);
	background-repeat:repeat-x;
	background-color:#5C8FC9;
	vertical-align:top;
	margin: 0px;
	padding: 0px;
}
#b1-ll  {background-image: url(img/b1-ll.gif); background-repeat:repeat-y; }
#b1-rr  {background-image: url(img/b1-rr.gif); background-repeat:repeat-y; }

.tablehead {
background-color:#D8E8FF;
font-size:12px;
}
.infotable {
	font-size:11px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #32598E;
}

.infotable td{
	text-align:center;
	vertical-align:top;
}

.infotable .tablehead{
	vertical-align:middle;
}

h1,h2 {
	font-size:16px;
	font-weight:bold;
	padding: 0px;
	line-height:1;
	font-variant: small-caps;
	margin: 0px;
	margin-top: 0px;
}

h1 {
	background-image:url(img/h1back.png);
	background-repeat:repeat-y;
	padding:5px;	
}

#big{
	font-size:22px;
}

.b2 {
	vertical-align:top;
	margin-top: 0px;
	padding: 0px;
	border:0px;
}
.b2 p {
	vertical-align:top;
	margin-top: 6px;
	margin-bottom: 2px;
	padding: 0px;
}
.b2-lo {background-image: url(img/b2-lo.gif); background-repeat:no-repeat;}
.b2-o  {background-image: url(img/b2-o.gif);}
.b2-ro {background-image: url(img/b2-ro.gif); background-repeat:no-repeat;}
.b2-lu {background-image: url(img/b2-lu.gif); background-repeat:no-repeat;}
.b2-u  {background-image: url(img/b2-u.gif);}
.b2-ru {background-image: url(img/b2-ru.gif); background-repeat:no-repeat;}
.b2-m, .b2-l, .b2-r  {
	/*background-image: url(img/b2-m.gif);*/
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
}
.b2-ll  {background-image: url(img/b2-ll.gif); background-repeat:repeat-y; }
.b2-rr  {background-image: url(img/b2-rr.gif); background-repeat:repeat-y; }

#header {
	margin-top: 0px;
	text-align:center;
	margin-bottom:2px;
}
#menu {
background-image: url(img/header-menu.jpg);
margin-left:auto; 
margin-right:auto;
margin-bottom:2px;
}
#menui {
margin-left:auto; 
margin-right:auto;
text-align:center;
}
#menui a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#menui a:hover {
text-decoration:underline;
}
.divright{
width:754px;
margin-left:auto; 
margin-right:auto;
text-align:right;
padding-right: 20px;
padding-top: 2px;
padding-bottom: 1px;
font-size:10px;
color:#FFFFFF;
}

.divri{
vertical-align:bottom;
text-align:right;
font-size:10px;
margin:0px;
padding:0px;
}

ul {
margin-top:1px;
padding-left:15px;
margin-bottom:15px;
margin-left:20px;
}

ul.featurelist {
list-style-type: none;
padding-left: 0px;
margin: 0px;
text-indent: 15px;
}
ul.featurelist li{
background-image: url("img/check3.png");
background-repeat: no-repeat;
background-position: 10px 0px;
padding-left: 14px;
margin:5px;
}

ol li, ul li
{
	padding-bottom:5px;
}

.faqanswer ol.stepbystep{
	list-style-type:disc;
}

.faqanswer ol.stepbystep li{
	margin:0px;
	padding:10px 0px;;
}

.faqanswer ol.stepbystep li ol li, .faqanswer ol.stepbystep li ul li{
	margin:0px;
	padding:1px;
}

.faqanswer ol.stepbystep li ul, .faqanswer ol.stepbystep li ol
{

	margin-top:5px;
	margin-bottom:2px;
}

.list-right, .list-right-sp {
font-size:10px;
line-height:12px;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
}
* html .list-right {
    line-height:12px;
}

.list-right-sp li {
margin: 0px 0px;
}

ul.list-right li{
	padding-bottom:2px;
}

.ordmsg {
text-align:center;
margin-top:100px;
margin-left:30px;
margin-right:30px;
font-weight:bold;
color: red;
}
.load {
margin: 0pt;
padding: 0pt;
line-height: 2px;
text-align: center;
font-size: 1px;
}

#frm {
color: red;
}

.dlbox
{
border: 1px solid #cccccc; background-color: #FAFAFA;
padding:10px;
text-align:left;
}

.lipro
{
border: 1px solid #cccccc; background-color: #FAFAFA;
}
.lipro td
{
padding-top: 10px;
vertical-align: top;
}

.msgbox
{
	border:1px solid silver;
}

#lang{
font-size: 8px;
}

.faq
{
	margin: 20px 0 20px 0;
	border: solid 1px;
}

.faqquestion
{
	margin: 0px;
	background-color: #FAFAFA;
	font-weight: bold;
	text-decoration: none;
	background-image: url(img/pic-faq.png);
	background-repeat: no-repeat;
	background-position: 6px 5px;
}

.faqlink, a:hover.faqlink
{
	padding: 11px 45px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.faqanswer, a:hover.faqanswer
{
	padding: 1px 20px;
}

.attention
{
  border: 1px solid red;
  padding: 15px;
  margin: 5px;
  background-color:#FFF8F8;
  margin-bottom: 15px;
}

.imglink 
{
	display:inline-block;
	padding-left:19px;
	background-repeat:no-repeat;
	background-position:center left;
	border:0px;
}

.reasons
{
	margin: 10px 0px 20px 0px;
}

.reasons .rHead
{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px;
	background-color:#EAEEFF;
}

.reasons .rBody
{
	display:none;
	font-size:11px;
	margin:0px 0px 15px 20px;
	padding:5px;
	background-color:#F4F6FF;
}

.upgrade{
	border: 1px solid #49b31f;
	padding:10px;
	color:#49b31f;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height: 2;
}
.upgrade a{
	text-decoration:none;
}

.upgradefree{
	border: 1px solid #49b31f;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	line-height: 1.5;
}

.thumbnail{
	margin:0;
}


.imprint
{
	margin-top:5px;
	background-color: #F5F5F5;
}

.imprinttitle{
	background-image: url(img/pic-forum.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	/*padding-left:20px;*/
}

.imprintlink, a:hover.imprintlink{
	padding:10px 10px 10px 30px;
	display: block;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.imprinttext{
	padding: 0px 10px 10px 10px;
}

.imprinttext h2{
	margin: 20px 0px 0px 0px;
}
