@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body{
	/*background-image: url(images/top_rl_bg.jpg);*/
	background-repeat: repeat-x;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #000000;
}
#WRAP{
	width: 1000px;
	margin: 0 auto;
	height: auto;
}

a:link{
	text-decoration: underline;
	color: #CCCCCC;
}
a:hover{
	text-decoration: none;
	color: #e8af00;
}
a:visited{
	text-decoration: underline;
	color: #CCCCCC;
}
a:active{
	color: #CCCCCC;
	text-decoration: none;
}

.black a:link{text-decoration:underline;color:#999999;}
.black a:hover{text-decoration:none;color:#FF0000;}
.black a:visited{text-decoration:underline;color:#999999;}
.black a:active{ color:#333333;text-decoration:none;}

#TAB{
	margin-top:165px;
	border-bottom:10px solid #000;
}
#TAB ul{ width:750px;color:#FFFFFF; font-size:48px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; height:180px; line-height:100px;margin:0 auto; padding:0; position:relative;}
#TAB ul li{ float:left;}
#TAB ul li a{ display:block; color:#FFFFFF; padding:0 0px; text-transform:uppercase; text-decoration:none;text-shadow: 3px 3px 3px #000000;background-image:url(images/BG_Nav.png); background-position: right bottom; background-repeat:no-repeat; }
#TAB ul li a:hover{ text-shadow:none;}
#TAB .Select{ color:#ffb400; background-image:url(images/BG_Nav_sel.png);background-position: right bottom; background-repeat:no-repeat;}

#PROD{ clear:both;}
#PROD ul{margin:0; padding:0;}
#PROD ul li{float:right;}
#PROD ul li a{display:block;color:#FFFFFF;padding:0 30px; line-height:30px; text-decoration:none; border-left:5px solid #cccccc; margin:20px 0;font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold;}
#PROD ul li a:hover{ text-decoration:underline;}
#PROD .NOW{text-decoration:underline;}

.contnet_word{
	font-size:14px;
	clear:both;
	margin:50px 0px 40px 0px;
}

h2{ font-size:24px; color:#d6000f; line-height:60px; }
h1{ clear:both;margin:0; padding:0; background-image:url(images/H1_bg.jpg); background-repeat:repeat-x; height:105px; line-height:105px; padding-left:40px;font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#323232; position:relative;}
/*h4{
	font-size:20px;
	color:#d6000f;
    line-height:30px;
	padding-left:14px;
	margin-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:15px solid #d6000f;
	margin-bottom:10px; 
}*/

.Pack{ clear:both; width:1000px; /*background-color:#171717;*/}
.Packword{
	padding:20px 0px;
}
.Pack h3{
	margin:0;
	padding:0px;
	background-image:url(images/pack_H3.png);
	background-repeat:no-repeat;
	padding-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:22px;
	line-height:65px;
	height:67px;
	text-transform:uppercase;
}

.Pack .cnt{
	margin:0px 0px 20px 0px;
	padding:0;
	padding:0px 30px 20px 20px;
	background-color:#FFFFFF;
	height:auto;
	overflow:hidden;
}

.secondword1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #ff6c00;
	padding: 0 0 0px 0;
	font-weight: bold;
	line-height: 32px;
}/*小標*/
.secondword2{font-family:Verdana, Geneva, sans-serif; font-size:16px;color:#000;}/*小標*/
.price1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	font-size:36px;
	line-height:45px;
	padding-bottom:0px;
	padding-right:10px;
}
.price2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	font-size:36px;
	line-height:48px;
	padding-bottom:0px;
	padding-right:10px;
}

.FeatureBtn:link {
	padding:5px 35px 5px 25px;
	background-image:url(images/arrow_samll.png);
	background-position:right;
	background-color:#666666;
	background-position:right;
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-top:20px;
	margin-right:30px;
}
.FeatureBtn:hover {
	background-color:#d0121b;
}
.FeatureBtn:visited {color:#FFFFFF;}
.FeatureBtn:active {color:#FFFFFF;}

.Pack2{ width:485px; float:left;height:auto; overflow:hidden;}
.Pack2 h3{ margin:0; padding:0; height:65px; background-image:url(images/pack2_H3.png); padding-left:40px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; font-size:22px; line-height:80px;}
.Pack2 .cnt2{margin:0; padding:0;padding:20px 30px; background-color:#FFFFFF;}

.Price{width:350px; height:128px; margin:0 auto; background-image:url(images/Price_contentBG.jpg); background-repeat:no-repeat; position:relative;}
.Price .layer{	position:absolute;	right:10px;	top:0;	width:200px;}
.Sale{ background-image:url(images/SaleOff.png); width:55px; height:50px; position:absolute; right:-30px; top:30px; font-weight:bold; color:#FFFFFF; padding-left:10px; padding-top:27px; font-size:22px;}

.px{ margin-right:5px;}
.FloatLeftPro{float:left; margin-left:50px; margin-top:10px;}
.SaleAP{
	background-image:url(images/SaleOff.png);
	width:55px;
	text-align:left;
	height:50px;
	position:absolute;
	right:10px;
	top:110px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:27px;
	font-size:22px;
}

.listprice{ font-size:15px; color:#474747;}
.SalePrice{font-size:42px; color:#323232; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left;}

.AP{ width:220px;margin:30px 15px 25px 10px; float:left; position:relative;}
.APHead{ height:65px; background-image:url(images/AP_head.jpg); background-repeat: no-repeat; padding-left:60px; font-size:20px; font-weight:bold; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif; line-height:65px; text-align:center;}



#Bottom{ background-image:url(images/bottom_bg.jpg); background-repeat:repeat-x; width:100%; height:80px; padding-top:40px; margin-top:30px;  }
#Bottom p{ text-align:center;color:#999999; line-height:1.2; font-size:12px;}

.SalePrice_AP{font-size:32px; color:#323232; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

.DAT ul{ margin:0; padding:15px 0; }
.DAT ul li{
	margin:0;
	padding:0;
	list-style: disc;
	font-size:14px;
	line-height:20px;
	list-style-position:inside;
}



h5{
	font-size: 22px;
	color: #ff4e00;
	line-height: 30px;
	padding-left: 14px;
	margin-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 15px solid #ff4e00;
	margin-bottom: 15px;
}

.Pack h6{
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F2F2F2;
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	border-bottom: 5px solid #ff6c00;
}

.Pack .cnt_1{
	margin: 0px 0px 20px 0px;
	padding: 0;
	padding: 0px 20px 20px 20px;
	/*background-color: #171717;*/
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 40px;
}

.secondword3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
}/*小標*/

.FeatureBtn1:link {
	padding: 7px 45px 7px 20px;
	background-image: url(images/arrow_samll.png);
	background-position: right;
	background-color: #ffffff;
	background-position: right;
	font-size: 24px;
	height: 34px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #000000;
	margin-top: 20px;
	margin-right: 30px;
}
.FeatureBtn1:hover {
	background-color: #ff6c00;
}
.FeatureBtn1:visited {
	color: #000000;
}
.FeatureBtn1:active {
	color: #ff4e00;
}

.contnet_word1{
	font-size: 14px;
	clear: both;
	margin: 0px 0px 45px 0px;
	height: 279px;
	padding-top: 0px;
	
}

h7{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#FFF;}

.bottom{margin:0; padding:0; padding:20px 0px 20px 0; background-color:#FFFFFF; height:auto; overflow:hidden;}
.number{
	font-size: 40px;
	color: #000;
	background-color: #ff6c00;
	line-height: 30px;
	padding-left: 15px;
	font-weight: bold;
	height: 60px;
}
.picpadding{
	padding: 25px 10px;
}

/*.container{
	border: 1px solid #cc0033;
	height: 100px;
	background: #333;
	color: #CCC;
	overflow: auto;
}
.container ul{margin:7px 0 5px -15px;}
.container ul li{ list-style:inside; line-height:22px;}*/

.container1{
	border: 1px solid #333;
	width: 90%;
	margin: 10px auto 0 auto;
	height: 100px;
	background: #333;
	color: #CCC;
	overflow: auto;
	padding-bottom:10px;
}
.container1 ul{}
.container1 ul li{ list-style:inside;}
.comboin{
	position: absolute;
	background-color: #000000;
	left: 16px;
	top: 183px;
	width: 77px;
	height: 37px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	color: #FFF;
}
.combo{
	color: #FFF;
	padding-left: 48px;
	color: #FFF;
	padding-top: 20px;
}
.save{
	font-size: 24px;
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 360px;
	top: -2px;
	width: 81px;
	height: 59px;
	padding-top: 13px;
	font-weight: bold;
}
.text{width:900px; margin:0px auto; padding:10px 0 20px 0; color:#FFF;}
.text p{ line-height:18px;}
