/*
* CSS文件
* =============================================================
* 版權所有 (C) 2012 梵月工作室，並保留所有權利。
* 網站地址: http://www.vmoon.com.tw/
* =============================================================
* $Author: ashine
* $Date: 2013-12-26 $
*/
@charset "utf-8";
/* CSS Document */

/* 基本 */
body{
	margin:0px;
	padding:0px;
	-webkit-text-size-adjust:none;
	color:#555;
	font:12px "Arial", 新細明體;
	background:url(../images/bg.gif) center top repeat-x;
	}
a{
	text-decoration:none;
	color:#666;
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	}
a:hover{
	text-decoration:none;
	color:#333;
	}
a.getFlash { 
	background:url(../images/get_flash_player.gif) center no-repeat; 
	display: block;	
	width: 100%;
	}
img{
	border:none;
	display:inline;
	}
input, form{
	margin:0px;
	padding:0px;
	}
	
/* 共用 */
.clear{
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	}
.lineD{
	height:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
	background:url(../images/line_d.gif) repeat-x;
	clear:both;
	}
.line{
	height:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
	border-top:1px solid #ddd;
	}
	
/* png 背景透明 */
.png {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/FixPng.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

/* 外框 */
#wrapper{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	}
#header{
	height:66px;
	overflow:hidden;
	}
#main{
	position:relative;
	}
#pMain{
	margin:30px 0;
	width:1000px;
	overflow:hidden;
	position:relative;
	}
#left{
	width:137px;
	float:left;
	overflow:hidden;
	}
#leftView{
	width:720px;
	float:left;
	overflow:hidden;
	color:#555;
	}
#mainCon{
	width:580px;
	overflow:hidden;
	float:left;
	border-left:1px solid #eee;
	padding-left:50px;
	}
#right{
	width:200px;
	overflow:hidden;
	float:right;
	}
#footer{
	text-align:right;
	border-top:1px solid #e5e5e5;
	line-height:40px;
	color:#929292;
	padding:0 10px;
	}
	
/* header */
.logo, .menu{
	float:left;
	}
.menu{
	line-height:66px;
	font-size:16px;
	margin-left:25px;
	display:inline;
	}
.menu a{
	color:#000;
	}
.menu a:hover{
	color:#35d1e4;
	}
.search{
	float:right;
	font-size:24px;
	color:#999;
	line-height:66px;
	}
.searchBox, .userBox, .lineImg{
	float:left;
	margin:21px 8px 0 8px;
	}
.search a{
	color:#999;
	}
.searchInput{
	border:none;
	background:url(../images/search.png) center bottom no-repeat;
	width:156px;
	padding:3px 5px;
	margin-left:8px;
	color:#666;
	}
.searchBox{
	width:24px;
	overflow:hidden;
	}
.searchBox a{
	display:block;
	width:198px;
	}
.userBox{
	width:24px;
	}
.iLoginBox{
	position:absolute;
	z-index:99;
	margin:21px 0 0 -125px;
	width:158px;
	}
.iLogin{
	border:5px solid #eee;
	width:128px;
	display:none;
	padding:10px;
	background-color:#fff;
	font-size:12px;
	}
.memberLink{
	margin:5px 0 0 0;
	text-align:center;
	height:30px;
	overflow:hidden;
	line-height:30px;
	}
.memberLink a:hover, .nowLogin a:hover{
	color:#22bdd7;
	}
.nowLogin{
	overflow:hidden;
	line-height:30px;
	font-size:13px;
	}
.iLogin input{
	margin:5px 0;
	padding:2px;
	color:#999;
	border:1px solid #ccc;
	}
.loginBtn{
	margin-top:5px;
	}
input:focus, textarea:focus, select:focus {
	outline : 0;
	}
	
/* banner */
.img, .text{
	float:left;
	}
.text{
	color:#000;
	margin:60px 0 0 5px;
	line-height:24px;
	font-size:13px;
	}
.btn{
	margin-top:25px;
	}
	
/* left */
.leftCheckbox{
	margin:5px 0 45px 15px;
	}
.leftCheckbox span{
	display:block;
	font-size:16px;
	color:#000;
	margin-bottom:5px;
	}
.leftCheckbox div{
	margin-left:10px;
	line-height:35px;
	color:#3d3d3d;
	}
	
/* mainCon */
.goodsListBox, .goodsList{
	width:580px;
	overflow:hidden;
	}
.goodsList{
	margin:40px 0;
	}
.photo{
	width:152px;
	overflow:hidden;
	float:left;
	}
.photo a{
	border:1px solid #d5d5d5;
	display:block;
	width:150px;
	height:150px;
	}
.photo a:hover{
	border:1px solid #22bdd7;
	}
.photo img{
	width:150px;
	}
.goodsText{
	color:#555;
	font-size:13px;
	line-height:36px;
	float:left;
	margin-left:15px;
	display:inline;
	}
	
/* page */
.page{
	color:#3d3d3d;
	font-size:13px;
	}
.select{
	color:#555;
	background-color:#eee;
	padding:1px;
	border:1px solid #ccc;
	}
	
/* welcome */
.welcome{
	float:right;
	}

/* hot goods */
.hotGoods{
	width:200px;
	margin:30px 0 60px 0;
	overflow:hidden;
	font-size:13px;
	}
.hotGoods div{
	margin:15px 0;
	}
.hotGoods th{
	color:#35d1e4;
	padding-bottom:15px;
	}
.hotGoods th a{
	color:#35d1e4;
	}
.hotGoods th a:hover{
	text-decoration:underline;
	}
.hotGoods td{
	line-height:24px;
	color:#555;
	}
	
/* goods view */
#leftView h1{
	font-size:18px;
	margin-top:0;
	}
#leftView .goodsList{
	margin:45px 0 25px 0;
	}
#leftView .goodsList .photo img{
	border:1px solid #d5d5d5;
	}
.detailsTitle{
	padding:10px;
	letter-spacing:2px;
	font-weight:bold;
	background-color:#d8d8d8;
	font-size:16px;
	color:#333;
	}
.details{
	width:720px;
	overflow:hidden;
	line-height:24px;
	padding:20px 0 0 0;
	}
.video{
	width:640px;
	overflow:hidden;
	margin:20px auto;
	}
.link{
	margin-top:40px;
	font-size:13px;
	color:#333;
	text-align:right;
	}
.link a{
	color:#333;
	}
.link a:hover{
	color:#22bdd7;
	}
#inline_content{
	font-size:13px;
	line-height:40px;
	}
#inline_content div{
	color:#22bdd7;
	border-bottom:1px solid #eee;
	}
#inline_content th{
	font-weight:normal;
	color:#000;
	}
.submitTable{
	margin-top:10px;
	}
.goodsClause{
	width:390px;
	overflow-y:scroll;
	height:150px;
	padding:5px;
	color:#555 !important;
	line-height:24px;
	border:1px solid #eee;
	margin:10px 0;
	}
	
/* about */
.textCon{
	line-height:30px;
	font-size:13px;
	}
	
/* FAQ */
#faqWrap { 
	margin: 0 auto; 
	width: 720px; 
	overflow: hidden;
	} 
#faqWrap a { 
	color:#333;
	}
#faqWrap a:hover{
	text-decoration:underline;
	}
#faqWrap .faqBox { 
	margin-top: 10px; 
	width: 718px; 
	overflow: hidden;
	color:#333;
	border:1px solid #ccc;
	}
#faqWrap .faqBox .faqQue i{
	float:right;
	margin-top:5px;
	display:inline;
	color:#ccc;
	}
#faqWrap .faqQue { 
	padding:5px 10px; 
	width: 700px;
	line-height:24px; 
	overflow: hidden; 
	cursor: pointer;
	font-size:15px;
	background-color:#eee;
	
	}
#faqWrap .faqAns { 
	display: none; 
	padding:15px; 
	width: 690px; 
	overflow: hidden; 
	color: #666; 
	line-height: 20px; 
	font-size:13px;
	margin-bottom:20px;
	}
#faqWrap .faqQue:hover { 
	color: #22bdd7;
	}
	
/* contact */
.contactText{
	color:#333;
	padding:0 0 10px 0;
	line-height:30px;
	border-bottom:1px solid #eee;
	}	
.contactText span{
	color: #22bdd7;
	}
.contactForm table{
	margin:20px 0;
	}
.contactForm th, .contactForm td{
	padding:8px 0;
	}
.contactForm th{
	font-weight:normal;
	color:#333;
	}
	
/* join */
#faqWrap .faqBox .joinOtherLogin{
	font-size:13px;
	}
#faqWrap .faqBox .joinOtherLogin a:hover{
	text-decoration:none;
	color: #22bdd7;
	}
.join{
	color:#22bdd7;
	padding:10px;
	font-size:15px;
	font-weight:bold;
	background-color:#eee;
	margin-top:20px;
	border:1px solid #ccc;
	}
.clause{
	width:710px;
	overflow-y: scroll;
	height:240px;
	border:1px solid #eee;
	padding:5px;
	line-height:24px;
	}
	
/* info */
.noteTitle{
	margin-top:100px;
	}
.note{
	border:1px solid #ccc;
	border-top:none;
	line-height:24px;
	padding:10px;
	}
	
/* dowload */
.dowloadTable th, .dowloadTable td{
	padding:13px 5px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
.dowloadTable th{
	background-color:#333;
	color:#fff;
	font-size:13px;
	border-top:1px solid #ccc;
	}
.dowloadTable{
	border-right:1px solid #ccc;
	}
.bgColor td{
	background-color:#eee;
	}
	
/* 問與答 */
.questionForm{
	margin-top:40px !important;
	}
.questionTable table{
	margin-bottom:20px;
	}
.questionTable th, .questionTable td{
	padding:5px 0;
	}
.questionTable th{
	font-weight:normal;
	color:#333;
	}
.questionTable td a:hover{
	text-decoration:none !important;
	color: #22bdd7 !important;
	}
.quesQ, .quesA{
	margin:5px 0;
	}
.quesQ table{
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	}
.quesQ td{
	padding:10px 15px;
	line-height:24px;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	}
.quesQ span{
	font-weight:bold;
	color: #22bdd7;
	font-size:13px;
	}
.user{
	color:#000;
	}
.quesA table{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	background-color:#f5f5f5;
	}
.quesA td{
	padding:10px 15px;
	line-height:24px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}
.quesA span{
	font-weight:bold;
	color: #ff9600;
	font-size:13px;
	}
.link02{
	margin-top:10px;
	font-size:13px;
	color:#333;
	text-align:right;
	}
.quesLink{
	margin:5px 0;
	font-size:13px;
	color:#333;
	}
.link02 a, .quesLink a{
	color:#333;
	}
.link02 a:hover, .quesLink a:hover{
	color:#22bdd7;
	}
	
/* about */
.about{
	background:url(../images/aboutimg02.gif) no-repeat;
	width:720px;
	height:310px;
	overflow:hidden;
	line-height:28px;
	font-size:13px;
	}
	
/* width */
.w120{
	width:120px;
	}
.w250{
	width:250px;
	}
.w450{
	width:450px;
	}
.w588{
	width:588px;
	}
.w618{
	width:618px;
	}
.input{
	border:1px solid #ccc;
	padding:3px;
	color:#666;
	}
	
/* checkbox */
input[type="checkbox"]{
	display:none;
	}
input[type="checkbox"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 0 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/check_radio_sheet.png) -19px top no-repeat;
}

/* radio */
input[type="radio"]{
	display:none;
	}
input[type="radio"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 0 0 0;
    vertical-align:middle;
    background:url(../images/radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/radio_sheet.png) -19px top no-repeat;
}
	
	
/* 防木馬