@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{
	background:#fc9;
	height:100%; width:100%;
	position:absolute;
	overflow:hidden;
	}
#Back{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	z-index:0;
	display:none;
	}
#Back img{width:100%; height:100%;}
#Frame{
	border:5px solid #000;
	width:80%; height:80%;
	position:absolute;
	top:10%; left:10%;
	overflow:hidden;
	}
#Menu{
	border:0px solid #f00;
	position:absolute;
	right:-180px; top:0;
	width:180px; height:100%;
	background:#c6e3ad;
	z-index:20;
	}
#Menu #SlideIcon{
	background:url(../Image/SlideIcon.png) no-repeat;
	position:absolute;
	left:-30px; top:50%;
	width:30px; height:50px;
	margin-top:-25px;
	}
#Menu #SlideMain{
	border-left:4px solid #000;
	position:absolute;
	left:0; top:0;
	width:auto; height:100%;
	}
#Menu #SlideMain ul{
	position:relative;
	left:13px; top:50%;
	margin-top:-120px;
	}
#Menu #SlideMain ul li{
	font-family:"微软雅黑";
	font-size:22px;
	line-height:1.6em;
	color:#FFF;
	list-style:none;
	display:block;
	width:150px; height:60px;
	cursor:pointer;
	text-indent:-10000px;
	}
#Menu #SlideMain ul li#Menu01{background:url(../Image/Menu.jpg) -150px top;}
#Menu #SlideMain ul li#Menu02{background:url(../Image/Menu.jpg) left -60px;}
#Menu #SlideMain ul li#Menu03{background:url(../Image/Menu.jpg) left -120px;}
#Menu #SlideMain ul li#Menu04{background:url(../Image/Menu.jpg) left -180px;}
	
h2{display:none;}

/* ===========================[ Content01 ]============================== */
#Content01{
	background:#dcdcdc url(../BackImage/Style01/Back01.0401.jpg);
	width:100%; height:100%;
	position:absolute;
	top:0; left:0;
	z-index:4;
	}
#Content01 div{
	position:relative;
	width:120px; height:100%;
	border:3px solid #fff;
	float:left;
	text-indent:-10000px;
	}
#Content01 div span{
	display:block;
	width:120px; height:60px;
	}
#Content01 div#Color_Green{width:120px;}
#Content01 div#Color_Green span{float:left;}

#Content01 div#Color_Blue{width:240px;}
#Content01 div#Color_Blue span{float:left;}

#C01_D001{background:#111c2e;}
#C01_D002{background:#2d2d2d;}
#C01_D003{background:#4f3542;}
#C01_D004{background:#543d43;}
#C01_D005{background:#e7e3d8;}

#C01_B001{background:#0099cc;}
#C01_B002{background:#00ccff;}
#C01_B003{background:#66cccc;}
#C01_B004{background:#e0edf5;}
#C01_B005{background:#0BABD7;}
#C01_B006{background:#0893BC;}
#C01_B007{background:#49ADD2;}
#C01_B008{background:#22C5D7;}
#C01_B009{background:#5A8BAF;}
#C01_B010{background:#dae6e5;}

#C01_G001{background:#267321;}
#C01_G002{background:#38922e;}
#C01_G003{background:#a2e20f;}
#C01_G004{background:#a7cda8;}
#C01_G005{background:#aecb9d;}
#C01_G006{background:#c6e3ad;}
#C01_G007{background:#A5C26E;}

#C01_R001{background:#D54467;}
#C01_R002{background:#f26382;}
#C01_R003{background:#ffcccc;}

#C01_Y001{background:#DE6139;}
#C01_Y002{background:#F5BE2F;}
#C01_Y003{background:#ffcc99;}
#C01_Y004{background:#ffffe5;}

#C01_W001{background:#ffffff;}
#C01_W002{background:#f9f9f9;}
#C01_W003{background:#eeeeee;}
#C01_W004{background:#dcdcdc;}

/* ===========================[ Content02 ]============================== */

#Content02{
	background:#09c;
	width:100%; height:100%;
	position:absolute;
	top:-100%; left:0;
	}
#Content02 div{
	position:relative;
	width:240px; height:100%;
	border:3px solid #eee;
	float:left;
	}
#Content02 div#Style03{width:120px;}
#Content02 div span{
	display:block;
	width:120px; height:60px;
	float:left;
	}
#C02_A0101{background:url(../BackImage/Style01/Back01.0101.jpg);}
#C02_A0102{background:url(../BackImage/Style01/Back01.0102.png);}
#C02_A0103{background:url(../BackImage/Style01/Back01.0103.png);}
#C02_A0104{background:url(../BackImage/Style01/Back01.0104.png);}
#C02_A0105{background:url(../BackImage/Style01/Back01.0105.png);}
#C02_A0106{background:url(../BackImage/Style01/Back01.0106.png);}
#C02_A0107{background:url(../BackImage/Style01/Back01.0107.png);}

#C02_A0201{background:url(../BackImage/Style01/Back01.0201.png);}
#C02_A0202{background:url(../BackImage/Style01/Back01.0202.jpg);}
#C02_A0203{background:url(../BackImage/Style01/Back01.0203.png);}

#C02_A0301{background:url(../BackImage/Style01/Back01.0301.png);}
#C02_A0302{background:url(../BackImage/Style01/Back01.0302.png);}
#C02_A0303{background:url(../BackImage/Style01/Back01.0303.png);}
#C02_A0304{background:url(../BackImage/Style01/Back01.0304.png);}
#C02_A0305{background:url(../BackImage/Style01/Back01.0305.png);}
#C02_A0306{background:url(../BackImage/Style01/Back01.0306.png);}

#C02_A0401{background:url(../BackImage/Style01/Back01.0401.jpg);}
#C02_A0402{background:url(../BackImage/Style01/Back01.0402.png);}

#C02_B001{background:url(../BackImage/Style01/Back02.01.jpg);}
#C02_B002{background:url(../BackImage/Style01/Back02.02.jpg);}
#C02_B003{background:url(../BackImage/Style01/Back02.03.jpg);}
#C02_B004{background:url(../BackImage/Style01/Back02.04.jpg);}
#C02_B005{background:url(../BackImage/Style01/Back02.05.jpg);}
#C02_B006{background:url(../BackImage/Style01/Back02.06.jpg);}
#C02_B007{background:url(../BackImage/Style01/Back02.07.jpg);}
#C02_B008{background:url(../BackImage/Style01/Back02.08.png);}
#C02_B009{background:url(../BackImage/Style01/Back02.09.jpg);}
#C02_B010{background:url(../BackImage/Style01/Back02.10.jpg);}
#C02_B011{background:url(../BackImage/Style01/Back02.11.jpg);}
#C02_B012{background:url(../BackImage/Style01/Back02.12.jpg);}
#C02_B013{background:url(../BackImage/Style01/Back02.13.jpg);}
#C02_B014{background:url(../BackImage/Style01/Back02.14.jpg);}
#C02_B015{background:url(../BackImage/Style01/Back02.15.jpg);}
#C02_B016{background:url(../BackImage/Style01/Back02.16.jpg);}
#C02_B017{background:url(../BackImage/Style01/Back02.17.jpg);}
#C02_B018{background:url(../BackImage/Style01/Back02.18.jpg);}
#C02_B019{background:url(../BackImage/Style01/Back02.19.jpg);}
#C02_B020{background:url(../BackImage/Style01/Back02.20.jpg);}

#C02_C001{background:url(../BackImage/Style01/Back03.01.jpg);}
#C02_C002{background:url(../BackImage/Style01/Back03.02.jpg);}
#C02_C003{background:url(../BackImage/Style01/Back03.03.jpg);}
#C02_C004{background:url(../BackImage/Style01/Back03.04.jpg);}
#C02_C005{background:url(../BackImage/Style01/Back03.05.jpg);}
#C02_C006{background:url(../BackImage/Style01/Back03.06.jpg);}
#C02_C007{background:url(../BackImage/Style01/Back03.07.jpg);}
#C02_C008{background:url(../BackImage/Style01/Back03.08.jpg);}
#C02_C009{background:url(../BackImage/Style01/Back03.09.jpg);}
#C02_C010{background:url(../BackImage/Style01/Back03.10.jpg);}
#C02_C011{background:url(../BackImage/Style01/Back03.11.jpg);}
#C02_C012{background:url(../BackImage/Style01/Back03.12.jpg);}
#C02_C013{background:url(../BackImage/Style01/Back03.13.jpg);}
#C02_C014{background:url(../BackImage/Style01/Back03.14.jpg);}
#C02_C015{background:url(../BackImage/Style01/Back03.15.jpg);}
#C02_C016{background:url(../BackImage/Style01/Back03.16.jpg);}
#C02_C017{background:url(../BackImage/Style01/Back03.17.jpg);}
#C02_C018{background:url(../BackImage/Style01/Back03.18.jpg);}
#C02_C019{background:url(../BackImage/Style01/Back03.19.jpg);}
#C02_C020{background:url(../BackImage/Style01/Back03.20.jpg);}

#C02_D0101{background:url(../BackImage/Style01/Back04.0101.png);}
#C02_D0102{background:url(../BackImage/Style01/Back04.0102.jpg);}
#C02_D0201{background:url(../BackImage/Style01/Back04.0201.png);}
#C02_D0202{background:url(../BackImage/Style01/Back04.0202.png);}
#C02_D0301{background:url(../BackImage/Style01/Back04.0301.png);}
#C02_D0302{background:url(../BackImage/Style01/Back04.0302.png);}
#C02_D0303{background:url(../BackImage/Style01/Back04.0303.png);}
#C02_D0401{background:url(../BackImage/Style01/Back04.0401.png);}
#C02_D0501{background:url(../BackImage/Style01/Back04.0501.png);}

/* ===========================[ Content03 ]============================== */

#Content03{
	background:#6cc;
	width:100%; height:100%;
	position:absolute;
	top:-100%; left:0;
	}
#Content03 img{
	width:160px; height:160px;
	border:3px solid #eee;
	float:left;
	}
#C03_A001{background:url(../BackImage/Style02/001.jpg);}
#C03_A002{background:url(../BackImage/Style02/002.jpg);}

/* ===========================[ Content04 ]============================== */

#Content04{
	background:#fc9;
	width:100%; height:100%;
	position:absolute;
	top:-100%; left:0;
	}
#Content04 img{
	border:3px solid #eee;
	border-bottom:30px solid #eee;
	margin:2px 0 0 2px;
	width:180px; height:120px;
	float:left;
	}