@charset "utf-8";
img {
    border: 0;
}

body {
    padding: 0px;
    margin: 0px;
    height: 100%;
    min-height: 5760px;
    background: #000000;
    font-family: 'Microsoft JhengHei', '微軟正黑體';
}

#wrapper {
    width: 100%;
    margin: auto;
}

#ontopDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 10000;
    background-color: #000;
}

#header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -375px;
    width: 750px;
    height: 100px;
    background: #FFFFFF;
}

.home_logo {
    position: absolute;
    top: 0px;
    left: 25px;
    width: 357px;
    height: 100px;
    background: url(../images/logo.png);
    cursor: pointer;
}

.home_promote {
    position: absolute;
    top: 4px;
    left: 402px;
    width: 150px;
    height: 100px;
    background: url(../images/shop-03.png);
    cursor: pointer;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.home_menu {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 80px;
    height: 80px;
    background: url(../images/home_menu.png);
    cursor: pointer;
}

.home_menu.current {
    opacity: 0.3;
}

.home_shop {
    position: absolute;
    top: 0px;
    left: 570px;
    width: 82px;
    height: 86px;
    background: url(../images/shop.png);
    cursor: pointer;
}

.home_shop2 {
    position: absolute;
    top: 5px;
    left: 460px;
    width: 94px;
    height: 84px;
    background: url(../images/shop-02.png);
    cursor: pointer;
}

#wrap {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -375px;
    width: 750px;
    height: 100%;
    min-height: 4265px;
    z-index: 3;
}

#prods2 {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -375px;
    width: 750px;
    height: 100%;
    min-height: 5760px;
    background: #F1F8FE;
}

#prods2 .home_bg {
    position: absolute;
    top: 0px;
    left: 303px;
    margin-left: -303px;
    width: 750px;
    height: 818px;
    background-color: #F5E991;
}
#prods2 .home_bg_index {
    position: absolute;
    top: 0px;
    left: 303px;
    margin-left: -303px;
    width: 750px;
    height: 984px;
    background-color: #000;
}

#prods2 .home_bg2 {
    position: absolute;
    top: 818px;
    left: 303px;
    margin-left: -303px;
    width: 750px;
    height: 1128px;
    background: url(../images/pbg.jpg);
    background-image: url(../images/pbg4.jpg);
}
#prods2 .home_bg3 {
    position: absolute;
    top: 818px;
    left: 303px;
    margin-left: -303px;
    width: 750px;
    height: 240px;
}
#prods2 .proda

{
	position: absolute;
	top: 0px;
	left: 303px;
	margin-left: -303px;
	width: 750px;
	height: 1055px;
	background: url(../images/Prod2/prod2_abanner_3.jpg);
}
#prods2 .prodb

{

	position: absolute;

	top: 0px;

	left: 303px;

	margin-left: -303px;

	width: 750px;

	height: 175px;

	background: url(../images/prod2/prod2_b_sbg_qa.jpg);

}
#prods2 .prodc

{

	position: absolute;

	top: 175px;

	left: 303px;

	margin-left: -303px;

	width: 750px;

	height: 5386px;

	background: url(../images/prod2/prod2_c_sbg_qa.jpg);

}

#prods2 .prodc_ptitle

{

	position: absolute;
	top: 1310px;
	left: 303px;
	margin-left: -120px;
	width: 383px;
	height: 65px;
	background: url(../images/prod2/prod2b-title3.png);
    z-index:1;
}
#prods2 .cm-01

{

	position: absolute;
	top: 320px;
	left: 330px;
	margin-left: -203px;
	width: 500px;
	height: 220px;
	cursor: pointer;
    z-index:1;	
/*	background: url(../images/prod2/cm_B.jpg); */
}
#prods2 .cm-02

{

	position: absolute;
	top: 755px;
	left: 330px;
	margin-left: -203px;
	width: 500px;
	height: 220px;
	cursor: pointer;
    z-index:1;	
/*	background: url(../images/prod2/cm_B.jpg); */
}
#prods2 .cm-03

{

	position: absolute;
	top: 1190px;
	left: 330px;
	margin-left: -203px;
	width: 500px;
	height: 220px;
	cursor: pointer;
    z-index:1;	
/*	background: url(../images/prod2/cm_B.jpg); */
}
#prods2 .cm-04

{

	position: absolute;
	top: 1625px;
	left: 330px;
	margin-left: -203px;
	width: 500px;
	height: 280px;
	cursor: pointer;
    z-index:1;	
/*	background: url(../images/prod2/cm_B.jpg); */
}
#prods2 .cm-01-fb

{

	position: absolute;
	top: 255px;
	left: 730px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/fb-w.png); 
}
#prods2 .cm-01-line

{

	position: absolute;
	top: 255px;
	left: 790px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
/*	background: url(../images/prod2/line-w.png); */
}
#prods2 .cm-02-fb

{

	position: absolute;
	top: 690px;
	left: 730px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/fb-w.png); 
}
#prods2 .cm-02-line

{

	position: absolute;
	top: 690px;
	left: 790px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/line-w.png); 
}
#prods2 .cm-03-fb

{

	position: absolute;
	top: 1125px;
	left: 730px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/fb-w.png); 
}
#prods2 .cm-03-line

{

	position: absolute;
	top: 1125px;
	left: 790px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/line-w.png); 
}
#prods2 .cm-04-fb

{

	position: absolute;
	top: 1560px;
	left: 730px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/fb-w.png); 
}
#prods2 .cm-04-line

{

	position: absolute;
	top: 1560px;
	left: 790px;
	margin-left: -203px;
	width: 41px;
	height: 41px;
	cursor: pointer;
    z-index:1;	
	background: url(../images/prod2/line-w.png); 
}
#prods2 .prodc_bline

{

	position: absolute;
	top: 175px;
	left: 303px;
	margin-left: -277px;
	width: 700px;
	height: 5386px;
	border: 2px solid #4389BD;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: 3px 3px 3px #F2F2F2;
    -moz-box-shadow: 5px 5px 5px #F2F2F2;
    box-shadow: 5px 5px 5px #F2F2F2;

}
#prods2 .iprod2_button_1
{
	position: absolute;
	top: 3350px;
	left: 32px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}

#prods2 .iprod2_button_2
{
	position: absolute;
	top: 3350px;
	left: 385px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}
#prods2 .iprod2_button_3
{
	position: absolute;
	top: 3540px;
	left: 32px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}

#prods2 .iprod2_button_4
{
	position: absolute;
	top: 3540px;
	left: 385px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}

#prods2 .iprod2_button_5
{
	position: absolute;
	top: 3720px;
	left: 32px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}

#prods2 .iprod2_button_6
{
	position: absolute;
	top: 3720px;
	left: 385px;
	width: 330px;
	height: 100px;
	cursor: pointer;
}

#prods2 .prodc_bn

{
	position: absolute;
	top: 3865px;
	left: 303px;
	margin-left: -273px;
	width: 693px;
	height: 162px;
	background: url(../images/prod2/prod2_c_bn01.jpg);
	cursor: pointer;	
}

#prods2 .footertxtp {
    position: absolute;
    bottom: 35px;
    left: 14px;
    width: 720px;
    height: 33px;
    font-size: 15px;
    font-weight: bold;
}

#prods2 .footerPip {
    position: absolute;
    bottom: 14px;
    left: 254px;
    width: 296px;
    height: 20px;
    font-size: 14px;
}

#prods2 .footerPip2 {
    position: absolute;
    bottom: 2px;
    left: 670px;
    width: 38px;
    height: 40px;
}

#prods2 .home_copyright
{
	position: absolute;
	bottom: 30px;
	left: 303px;
	margin-left: -303px;
	width: 750px;
	height: 150px;
	background-color:#F1F8FE;
	font-size:12px;
}

#prods2 .footer_txt{
	position: absolute;
	text-align: center;
	bottom: 120px;
	left: 14px;
	width: 720px;
	height: 33px;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
}
#prods2 .footertxt2{
	position: absolute;
	text-align: center;	
	bottom: 35px;
	left: 14px;
	width: 720px;
	height: 33px;
	font-size: 10px;
	font-weight:bold;
}