@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

body{
	margin:0;
	padding:0;
	font-family:"微軟正黑體", Arial;
	background: #001223; 
    
}
/*==========首頁CSS設定==========*/
.wrap{
	width:1000px;
	margin:0 auto ;
	position: relative;
	overflow:hidden;}				

.logo{
	position: absolute;
	top:20px;
	z-index: 100;
	left: 40px;
}
.Mainbtn{
	margin:0;
	padding: 0;
	position: absolute;
	right: 40px;
	z-index: 100;
	top: 200px;
}
.Mainbtn li{}
.Mainbtn li a{
	padding: 12px 30px 12px 50px;
    display: block;
    color: #ffde7c;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 21px;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    background: rgba(0,0,0,.5);
    margin-bottom: 8px;
    
}


.Mainbtn li a:before{
	content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    width: 0;
    height: 0;
    display: block;
    border-width: 10px 7px;
    border-color: transparent transparent #ffde7c transparent;
    border-style: solid;
}

.main-content{
	background: rgba(10,45,77,.6);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130px;
    width: 940px;
    margin: 0 auto;
    z-index: 100;
    padding: 15px 30px;
}
.main-content li{
	float: left;
	margin:0 12px;
}
.main-content li p{
	color: #fff;
	line-height: 1.5;
	padding-top: 6px;
    padding-left: 12px;
}



.HeadLineMoveTd{
	padding:5px 10px;}


.footer{
	width:100%;
	background: #000;
	line-height:1.5;
	text-align:center;
	margin: auto;
	padding: 15px 0;
	overflow:hidden;
	color: #8dc1d7;}
.footer div{
	width:1000px;
	margin:auto;}	
.footer p{
	display:block;
	    width: 800px;
    text-align: left;
	margin-left: 20px;
	line-height:32px;
	float:left;}
.footer.icon_link{
	float:left;}	
.icon_link img{
	height:32px;
	margin-left:10px;}	
.Page_wrap{
	width: 100%;
	margin: auto;
	background:url(images/page_bg.jpg) repeat-x top left;
	overflow: hidden;
}
.page_header{
	width: 1000px;
	margin:auto;
	height: 110px;
overflow: hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9e3ef+0,ffffff+100&1+0,0+100 */

}
/*==========站內搜尋=========*/
.searchsubmit{
	vertical-align: middle;
}
.searcmodel{
	padding:3px 10px;
}
.search{
	margin-top: 3px;
	margin-left: 620px;
}
.ctgStyA,.ctgStyB,.ctgStyC,.ctgStyE{
	display: none;
}
/*==========HEADER=========*/	
.page_logo{
	float: left;
	margin:0px 15px 0px 50px; 
}
.page_logo img{
	width: 120px;
}
.page_btn{
	margin-top: 30px;
	float: left;}
.page_btn ul{
	margin: 50px 20px 5px 20px;
}
.page_btn ul li{
	float: left;
	
}
.page_btn li:first-child a{
	border:none;
}
.page_btn li a{
	display: block;
	border-left: 1px solid #191919;
	color: #191919;padding: 0px 30px;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;	
}

.Page_Ad{
	margin:auto;
	width: 1000px;
}


.spacer{
	float: left;
    margin-top: -23px;
    margin-right: 10px;
}
/*==========內頁內容 =========*/
.page_content{
	width: 950px;
	margin:auto;

	padding: 15px 25px 30px;
    overflow: hidden;
}
/*左邊選項*/
.Lcontent{
	float: left;
	width:200px;
	margin-right: 20px;
}
.Lcontent img{
	border-radius:5px;}
.Lcontent h4{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#278db6+29,278db6+29,005a7f+83 */
background: rgb(39,141,182); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(39,141,182,1) 29%, rgba(39,141,182,1) 29%, rgba(0,90,127,1) 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(29%,rgba(39,141,182,1)), color-stop(29%,rgba(39,141,182,1)), color-stop(83%,rgba(0,90,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(39,141,182,1) 29%,rgba(39,141,182,1) 29%,rgba(0,90,127,1) 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(39,141,182,1) 29%,rgba(39,141,182,1) 29%,rgba(0,90,127,1) 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(39,141,182,1) 29%,rgba(39,141,182,1) 29%,rgba(0,90,127,1) 83%); /* IE10+ */
background: linear-gradient(to right,  rgba(39,141,182,1) 29%,rgba(39,141,182,1) 29%,rgba(0,90,127,1) 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278db6', endColorstr='#005a7f',GradientType=1 ); /* IE6-9 */
color:#fff;
 
 padding: 5px 0px 5px 24px;
 border-radius: 5px;
 position: relative;
 margin-bottom: 10px;
 text-shadow: 0 0 5px rgba(0,0,0,.6);
 box-shadow: 0 0 5px rgba(0,0,0,.3);
 border:1px solid #fff;

}
.Lcontent h4:before{
	content:'';
	width: 0;
	height: 0;
	border:10px solid #1d87b1;
	border-color: #1d87b1 transparent transparent transparent;
    border-width: 12px 8px;
    position: absolute;
    left: 15px;
    bottom: -20px;
}

.L_menu{
	margin-bottom: 10px;
	padding: 0px 6px 0px 6px;}
A.lef:hover { 
	background:#e9e9e9 !important; 
	color:#116d92 !important; 
	border-radius: 5px;}
A.lef:link ,A.lef:visited,A.lef:active {
	color:#fff;
	text-decoration: none; 
	line-height: 20px;
	font-size: 15px;
	display:block;
	background:url(images/icon.png) no-repeat left 12px;
	padding: 5px 5px 5px 12px;}

	

.lefmenu {
	text-decoration: none;
	
}
.lefmenus {	color: #e9dfd6;	font-size: 1pt; text-decoration: none;}
.lefmenu br{
	display:none;}

/*右邊內容*/
.Rcontent{
	float: left;
	width: 710px;
	
}

.Rcontent h4,.cattitle1,.cattitle,.goodstitle{
	color: #ffd308;
	font-size: 21px;
	font-weight: bold;
	padding: 5px;
	margin-bottom:15px;
}


.cattitle1,.goodstitle{
	margin:0px;
	display: block;
	text-align:left;
	margin-bottom:20px;
}

.cattitle{
	margin:0px;
	display: block;
	text-align:left;
	margin-bottom:20px;}
.prod_img{
	border-radius: 6px;
}	
/*右邊內容 end*/

#advice_submit,#advice_cancel{
	padding: 8px 10px;
background: #2687C7;
	color:#FFF;
	margin:10px 5px ;
	text-align:center;
	border-radius:5px;}

.GoodsList_prod_image{
	width:150px;
	margin-bottom:10px;
	display:block;
	border-radius:5px;
	box-shadow:1px 1px 3px #999999;}
.goodslistCls,.PageNavTr{
	display: none;
}	
.GClass{
	display: none;
}