@charset "utf-8";
@import url("reset.css");
/* CSS Document */

/*
body#Macplus #Menu li.Macplus a{background-position:0px 71px;color:#333333}
body#Ultraplus #Menu li.Ultraplus a{background-position:-80px -71px;color:#333333;} 
body#Color #Menu li.Color a{background-position:-160px -71px;color:#333333;}
body#Office #Menu li.Office a{background-position:-240px -71px;color:#333333;}
body#wclink #Menu li.wclink a{background-position:-320px -71px;color:#333333;}
*/

body#WCPro #Menu li.WCPro a{background-position:0px -71px;color:#333333;}
body#WCMPK #Menu li.WCMPK a{background-position:-160px -71px;color:#333333;} 
body#Color #Menu li.Color a{background-position:-214px -71px;color:#333333;}


body {
	margin:0;
	padding:0;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4;
	color:#575757;
	background-color:#f7f7f7;
}
/* ================== Products =============== */
/*
#Products ul {
	width:320px;
	height:186px;
	}

#Products li a{
	display:block;
	line-height:12px;
	float:left;
	width:160px;
	height:31px;/* 91px 
	text-align:center;
	padding:62px 0 0 0;
	color:#666666;
	text-decoration: none;
	line-height:15px;
	}
#Products li a span{
	color:#999999;
	font-size:11px;}
#Products .Macplus a{background-image:url(../images/Products.gif);background-position:0px 0px;}
#Products .Macplus a:hover{background-position:0px 187px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Ultraplus a{background-image:url(../images/Products.gif);background-position:159px 0px;}
#Products .Ultraplus a:hover{background-position:159px 187px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Color a{background-image:url(../images/Products.gif);background-position:0px 282px;}
#Products .Color a:hover{background-position:0px 95px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .Office a{background-image:url(../images/Products.gif);background-position:159px 282px;}
#Products .Office a:hover{background-position:159px 469px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .wclink a{background-image:url(../images/Products.gif);background-position:159px 282px;}
#Products .wclink a:hover{background-position:159px 469px;color:#333333;}
#Products li a:hover span{color:#00588f;}
*/
/* ================== Products1 =============== */

#Products ul {
	width:320px;
	height:152px;
}
#Products li a{
	display:block;
	line-height:12px;
	float:left;
	width:240px;
	height:71px;/* 91px */
	text-align:center;
	color:#666666;
	text-decoration: none;
	line-height:18px;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 80px;
}
#Products li a span{
	color:#999999;
	font-size:12px;
}

#Products .list01 a{background-image:url(../images/Products15.jpg);background-position:0px 0px;}
#Products .list01 a:hover{background-position:0px -150px;color:#333333;}
#Products li a:hover span{color:#00588f;}

#Products .list02 a{background-image:url(../images/Products15.jpg);background-position:0px -75px;}
#Products .list02 a:hover{background-position:0px -225px;color:#333333;}
#Products li a:hover span{color:#00588f;}


/* ================== Menu =============== */
/*
#Menu ul {
	width:320px;
	height:71px;
	}

#Menu li a{
	font-size:11px;
	display:block;
	line-height:10px;
	float:left;
	width:80px;
	height:30px;/* 71px 
	text-align:center;
	color:#8f8f8d;
	text-decoration: none;
	padding:39px 0 0 0;
	line-height:13px;
	}
#Menu .Macplus a{background-image:url(../images/Menu.gif);background-position:0px 0px;}
#Menu .Macplus a:hover{background-position:0px 71px;color:#333333;}
#Menu .Macplus {background-image:url(../images/Menu.gif);background-position:0px 0px;background-position:0px 71px;color:#333333;}

#Menu .Ultraplus a{background-image:url(../images/Menu.gif);background-position:-80px 0px;}
#Menu .Ultraplus a:hover{background-position:-80px -71px;color:#333333;}

#Menu .Color a{background-image:url(../images/Menu.gif);background-position:-160px 0px;}
#Menu .Color a:hover{background-position:-160px -71px;color:#333333;}

#Menu .Office a{background-image:url(../images/Menu.gif);background-position:-240px 0px;}
#Menu .Office a:hover{background-position:-240px -71px;color:#333333;}

#Menu .wclink a{background-image:url(../images/Menu.gif);background-position:-320px 0px;}
#Menu .wclink a:hover{background-position:-320px 0px;color:#333333;}
*/

/*================Menu1==============================*/

#Menu ul {
	width:321px;
	height:71px;
}

#Menu li a{
	font-size:11px;
	display:block;
	line-height:10px;
	float:left;
	width:160px;
	height:26px;/* 71px */
	text-align:center;
	color:#8f8f8d;
	text-decoration: none;
	padding:42px 0 0 0;
	line-height:13px;
}


#Menu .WCPro a{background-image:url(../images/Menu32.jpg);background-position:0px 0px;}
#Menu .WCPro a:hover{background-position:0px -71px;color:#333333;}

#Menu .WCMPK a{background-image:url(../images/Menu32.jpg);background-position:-160px 0px;}
#Menu .WCMPK a:hover{background-position:-160px -71px;color:#333333;}





/* ================== Content =============== */
#Content1,#Content{
	margin:0 8px;
	 position:relative;
}

#Content1 ul li{
	font-weight:bold;
	margin-top:10px;color:#00588f;
}

#Content1 ul ul li {
	font-weight:normal;
	margin-top:0;
	background-image:url(../images/icon.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:10px;
	color:#575757;
	}

#Content h1{
	background-image:url(../images/icon2.gif);
	background-repeat:no-repeat;
	text-indent: 25px;
	line-height: 20px;
	font-size:16px;
	padding-top:3px;
}

#Content h1 span{
	font-size:12px;
	color:#fc7921;
	padding-left:6px;
}

#Content h1 em{
	background-color:#666;
	font-style:normal;
	font-size:11px;
	padding:2px 5px;
	margin-left:5px;
	color:#FFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#Content p.iPhone{
	padding-left:28px;
	font-weight:bold;
}

#Content h2{
	font-size:13px;
	color:#00588f;
	margin-top:20px;
}

#Content p{
	font-size:11px;
	margin-top:10px;
}
	
#Content li{
	font-weight:normal;
	list-style-type: none;
	margin-top:5px;
}

#Content img{
	padding-top:10px;
}

#Online-shop {
	}
	
#Online-shop ul{
	position:absolute;
	right:5px;
	top:70px;
}

#Online-shop ul p{
	margin-left:5px;
	color:#CC0000;
}

#Content #Online-shop li{
	margin:0px;
	padding:0px;
}

#Content #Online-shop li a{
	display:block;
	font-family:Arial;
	height:18px;
	width:97px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	padding:4px 0 ;
	margin:2px 0;
	background-image:url(../images/Online-shop.gif);
}

#Content #Online-shop a:hover{
	background-position: left bottom;
}

hr {
	border:none;
	border-bottom:1px dashed #e2e2e2;
}


/* ================== footer =============== */
#top a {
	display:block;
	font-size:10px;
	background-color:#ecebeb;
	text-decoration: none;
	line-height:25px;
	padding-right:10px;
	color:#16387c;
	font-size:90%;
	margin-top:20px;
	border-top:1px solid #dcdcdc;
}

#top a:hover{
	text-decoration: underline;
}
	
#footer {
	font-size:80%;
	clear: both;
	background:url(../images/footer.gif) repeat-x;
	text-align:center;
	padding-top:5px;
	height:30px;
	background-color:#f2f2f2;
}

.dot {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ul_style li {
    list-style-position: outside;
    list-style-image: url(../images/icon_03.gif);
    margin-left: 22px;
	font-weight: normal;
	font-size: 11px;
}

#ul_style8 li {
	font-weight: normal;
	font-size: 11px;
}

#ul_style9 li {
	font-weight: normal;
	font-size: 11px;
}

#ul_style10 li {
	font-size: 11px;
	font-weight: normal;
}

#ul_style11 li {
	font-size: 11px;
	font-weight: normal;
}

#Online-shop1 {
	position:relative;
}
	
#Online-shop1 ul{
	right:-0px;
	top:-120px;
	width: 120px;
	height: 30px;
	padding-top:12px;
}

#Content #Online-shop1 li {
	font-size:11px;
	display:block;
	font-family:Arial;
	height:22px;
	width:120px;
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/System.jpg);
	text-align: center;
	margin: -5px 0 0 0;
	padding: 6px 0 0 0;
}
	
#Online-shop2 {
	position:relative;
}

#Online-shop2 ul{
	right:-0px;
	top:-120px;
	width: 120px;
	height: 30px;
	padding-top:12px;
}

#Content #Online-shop2 li {
	font-size:11px;
	display:block;
	font-family:Arial;
	height:22px;
	width:120px;
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/System.jpg);
	text-align: center;
	margin: -5px 0 0 0;
	padding: 6px 0 0 0;
}

#Online-shop3 {
	position:relative;
}

#Online-shop3 ul{
	right:-0px;
	top:-120px;
	width: 120px;
	height: 30px;
	padding-top:0px;
}

#Content #Online-shop3 li {
	font-size:11px;
	display:block;
	font-family:Arial;
	height:22px;
	width:120px;
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/System.jpg);
	text-align: center;
	margin: -5px 0 0 0;
	padding: 6px 0 0 0;
}

#Online-shop4 {
	position:relative;
}

#Online-shop4 ul{
	right:-0px;
	top:-120px;
	width: 144px;
	height: 30px;
	padding-top:12px;
}

#Content #Online-shop4 li {
	font-size:11px;
	display:block;
	font-family:Arial;
	height:22px;
	width:120px;
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/System.jpg);
	text-align: center;
	margin: -5px 0 0 0;
	padding: 6px 0 0 0;
}