@charset "utf-8";

@import url('../../css/ugc_main.css');

/*================================================================1.基礎樣式設定(不能修改)======================================================================*/



/*1-1.內頁內容版頭+麵包屑設定

------------------------*/

.PageTitle { width:100%; max-width:1200px; height:70px; overflow:hidden; margin:0 auto;}

.PageTitle h1 { font-size:30px; height:70px; line-height:70px; float:left; color:#fe670c; font-weight:normal; font-style:italic; background:url(../../images/NewLayout/PagTitleH1_Line.png) top right no-repeat; width:410px;}

.PageTitle .BreadCrumbs { height:auto; line-height:1.5em; font-size:12px; max-width:1070px; overflow:hidden; position:absolute; top:195px; left:50%; margin-left:-600px; color:#656565; font-size:14px; z-index:1;}

.PageTitle .BreadCrumbs a { text-decoration:none; color:#656565;}



/*1-2.內頁分頁選單設定

------------------------*/

.PageMenu { width:100%; max-width:1200px; height:45px; background:url(../images/Bg_PageMenu.jpg); background-repeat:repeat-x; overflow:hidden; margin:0 auto;}

.PageMenu ul { width:1000px; height:45px; overflow:hidden; margin:0 auto;}

.PageMenu li { width:140px; height:45px; line-height:50px; float:left; background:url(../images/Bg_PageMenuLi.jpg); background-repeat:no-repeat; text-align:center; list-style:none; margin:0 5px; font-size:14px;}

.PageMenu li a:link { width:140px; height:45px; display:block; text-decoration:none; color:#919192; background:url(../images/Bg_PageMenuLiA.jpg);}

.PageMenu li a:visited { color:#919192;}

.PageMenu li a:hover { color:#000;}

.PageMenu li a:active { color:#000;}



/*1-2.內頁內容設定

------------------------*/

.PageContent { width:100%;  height:auto; overflow:hidden; background:#fff5ee;

-webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.1);

-moz-box-shadow:    inset 0px 5px 5px 0px rgba(50, 50, 50, 0.1);

box-shadow:         inset 0px 5px 5px 0px rgba(50, 50, 50, 0.1);}

.PageContent .PageArticle { width:100%; max-width:980px; height:auto; overflow:hidden; padding:5px 20px; margin:0 auto;}

.PageContent .PageArticle .PageArticleH1 { font-size:20px; height:2em; line-height:2em; margin-bottom:1em;}

.PageContent .PageArticle h1 { font-size:20px; color:#000; line-height:1.6em; height:1.6em; margin-bottom:0.5em;}

.PageContent .PageArticle p { font-size:16px; color:#444; margin:0 0 1.6em 0; line-height:1.6em;}

.PageContent .PageArticle a { color:#000;}

.PageContent .BrandListsWrapper { width:1000px; height:auto; overflow-y:hidden; overflow-x:hidden; margin:0 auto;}

.PageContent .BrandLists { width:900px; height:auto; border-left:2px solid #999; overflow:visible; float:right;}

.PageContent .BrandLists ul { width:900px; height:auto; padding-left:40px; float:left; position:relative; padding-top:20px; margin:10px 0;}

.PageContent .BrandLists li { width:800px; height:auto; overflow:hidden; font-size:16px; margin-bottom:20px; font-weight:bold; list-style:none;}

.PageContent .BrandLists li img { width:100px; height:auto; float:left; margin-right:40px;}

.PageContent .BrandLists span { width:100px; height:20px; line-height:20px; border-bottom:1px solid #999; position:absolute; font-size:14px; text-align:center; left:-100px; top:0;}

.PageContent .PageArticle .Top1Brand { width:960px; height:878px; background:url(../images/Bg_AboutUs.gif); margin:0 auto; overflow:hidden; background-repeat:no-repeat; padding-left:40px}

.PageContent .PageArticle .Top1Brand h1 { font-size:60px; font-family:'Microsoft YaHei'; margin:60px 0 30px 0; line-height:70px;

-moz-text-shadow: 1px 1px 1px #feebc8; -webkit-text-shadow: 1px 1px 1px #feebc8; text-shadow: 1px 1px 1px #feebc8; }

.PageContent .PageArticle .Top1Brand p { font-size:12px; width:440px; line-height:1.5em; margin:1.5em 0; color:#000;

-moz-text-shadow: 1px 1px 1px #feebc8; -webkit-text-shadow: 1px 1px 1px #feebc8; text-shadow: 1px 1px 1px #feebc8; behavior: url(ie-css3.htc);}



/*================================================================2.個別樣式設定(可以依設計修改樣式)======================================================================*/



/*====================2013.12.23 新增"得獎作品" Jay====================設定開始*/



/*====================2013.12.23 新增"得獎作品" Jay====================設定開始*/





/* ======== Product Start ======== */

.productlist li{

	text-align:center; 

	display:block; 

	float:left; 

	width:220px; 

	margin:10px 20px 0px 10px;

	position:relative;

	height:auto;

	font-size:13px;

	line-height:130%;

	overflow:hidden;

}

.productlist li.last{margin:10px 0 0 10px;}



.productlist .img {

	width:220px;

	height:220px;

	text-align:center;

	

	/* Firefox, Chrome */

	line-height:220px;

	white-space:nowrap;

	

	/* IE */

	*font-size:160px;	/* height * 0.9 */

	*font-family : Arial;

}

.productlist .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}

.productlist .img img {vertical-align : middle;}

.productlist .productname{ padding:0; height:40px; overflow:hidden; line-height:40px;}

.productlist .productname a{color:#595959;}

.productlist .productname a:hover{color:#787777;}

.productlist .productpricecontent{height:37px; text-align:center;padding:0;}

.productlist .productcolor{padding:10px 0 0 0;}

.productlist .productcolor ul{padding:0;margin:0; list-style-type:none;display:inline-block;}

.productlist .productcolor ul li{padding:3px 3px 3px 0;float:left;width:auto;height:auto;border:none;margin:0;}

.productlist .productcolor ul li img{width:16px;height:16px; border:1px solid #ccc;}

.productlist .productcolor ul{

	*display	: inline;

}





.productprice{color:#595959; font-size:14px;}

.productsaleprice{color:#e52d25; font-size:14px;}

.productmemberprice{color:#e52d25; font-size:14px;}



.product-detail-descr{padding-top:40px;}

.product-detail-descr ul{}

.product-detail-descr ul li.product-detail-descr-li{float:left;width:97px;padding:0 10px 0 0; cursor:pointer;}

.product-detail-descr .content{border:1px solid #cdcdcd;padding:20px;text-align:left; background-image:url(../Images/bg_product-detail-descr.jpg); background-repeat:no-repeat; background-position:100% 100%;min-height:214px;height: auto !important;height: 214px; overflow:hidden;}

.product-detail-descr .contentyoutube{text-align:center; background-image:none;}



.product-detail-smallimage{width:159px;float:left; text-align:left;}

.product-detail-smallimage ul li{float:left;padding:0 6px 5px 0;}

.product-detail-smallimage ul li img{width:69px;height:69px;border:#cdcdcd 1px solid;cursor:pointer;}

.product-detail-image{width:302px; float:left; text-align:left;margin-right:24px;}

.product-detail-image img{border:#cdcdcd 1px solid; border:none;}



.product-detail-content{width:400px; float:left; font-size:13px;}

.product-detail-content td.lefttitle{width:80px; white-space:nowrap; text-align:left; vertical-align:top; color:#393737;padding:3px 15px 3px 0;}

.product-detail-content td.qtytitle{padding:6px 15px 3px 0;}

.product-detail-content td.data{text-align:left; vertical-align:top; color:#595959;padding:3px 0 3px 0;}





.product-detail-productcolor{width:190px; float:left;}

.product-detail-productcolor ul{padding:0;margin:0; list-style-type:none;}

.product-detail-productcolor ul li{padding:3px 3px 3px 0;float:left;width:auto;height:auto;border:none;margin:0;}

.product-detail-productcolor ul li img{width:16px;height:16px; border:1px solid #ccc;}



.productdiscount{width:100%;background:url(../Images/Show/Img_buy_discount.gif) 0 0 no-repeat; color:#ff0000;padding:0 0 0 121px; line-height:28px;}



/* 推薦商品 */

.product-detail-relateditle{padding-top:35px;}

.product-detail-relateditle ul { width:100%; height:auto; overflow:hidden;}

.product-detail-relateditle li{

	text-align:center; 

	display:block; 

	float:left; 

	width:167px; 

	margin:20px 0 0px 20px;

	position:relative;

	min-height:240px;

	height:auto;

	overflow:hidden;

}

.product-detail-relateditle li.first{margin:20px 0 20px 0;}



.product-detail-relateditle .img{

	width:163px;

	height:163px;

	text-align:center;

	

	/* Firefox, Chrome */

	line-height:168px;

	white-space:nowrap;

	

	/* IE */

	*font-size:151px;	/* height * 0.9 */

	*font-family : Arial;

	border:#cdcdcd 1px solid; border:0;

}

.product-detail-relateditle .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}

.product-detail-relateditle .img img {vertical-align : middle; max-width:163px; height:auto;}

.product-detail-relateditle .productname {padding:8px 0 0 0; min-height:28px; height:auto; overflow:hidden; line-height:120%; color:#ee7600; margin-top:10px;}

.product-detail-relateditle .productname a { color:#000; font-size:90%;}

.product-detail-relateditle .pricecontent{padding:0;text-align:left;}

.product-detail-relateditle .pricecontent p { font-size:100%; margin:0; padding:0; margin-left:30px;}



/* 加購商品 */

.product-detail-add{padding-top:35px;}

.product-detail-add li{

	text-align:center; 

	display:block; 

	float:left; 

	width:364px; 

	margin:20px 0 20px 20px;

	position:relative;

	height:170px;

	overflow:hidden;

}

.product-detail-add li.first{margin:20px 0 20px 0;}



.product-detail-add .img{

	float:left;

	width:168px;

	height:168px;

	text-align:left;

	border:#cdcdcd 1px solid;

	margin-right:10px;

}

.product-detail-add .datacontent{color:color:#ee7600; text-align:left;padding-top:5px;}

.product-detail-add .buycheckbox{float:left;width:20px;padding-top:3px;}

.product-detail-add .buyinfo{float:left;width:160px;}





/* 搭贈商品 */

.product-detail-free{padding-top:35px;}

.product-detail-free li{

	text-align:center; 

	display:block; 

	float:left; 

	width:172px; 

	margin:20px 0 20px 20px;

	position:relative;

	height:235px;

	overflow:hidden;

}

.product-detail-free li.first{margin:20px 0 20px 0;}



.product-detail-free .img{

	width:168px;

	height:168px;

	text-align:center;

	

	/* Firefox, Chrome */

	line-height:168px;

	white-space:nowrap;

	

	/* IE */

	*font-size:151px;	/* height * 0.9 */

	*font-family : Arial;

	border:#cdcdcd 1px solid;

}

.product-detail-free .img:after {content:".";font-size:1px;margin-left:-1px;opacity:0;}

.product-detail-free .img img {vertical-align : middle;}

.product-detail-free .productname{padding:8px 0 0 0;height:28px; overflow:hidden; line-height:120%; color:#ee7600;}

.product-detail-free .pricecontent{padding:8px 0 0 0;text-align:center;}



/* ======== Product End ======== */

@media only screen and (min-width:0px) and (max-width:1200px){

	.PageMenu { right:10px; margin-right:0;}

	.PageTitle .BreadCrumbs { left:10px; margin-left:0;}

	.PageTitle h1 { margin-left:10px;}

	}

@media only screen and (min-width:0px) and (max-width:1040px){

	.PageMenu { position:static; width:100%; margin:0; height:auto; overflow:hidden; right:0; top:0; background:rgba(223, 107, 14,0.95); padding:0;}

	.PageMenu li { width:100%; height:auto; overflow:hidden; height:50px; line-height:50px; margin:0; border-bottom:1px dotted #fdbd82; float:left; text-align:center;}

	.PageMenu li:hover { background:#ed7d14;}

	.PageMenu li span { background:none; padding:0;

	/*圓角*/

	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

	.PageMenu li a { background:none;}

	.PageMenu li a:link,.PageMenu li a:visited { color:#fff;}

	.PageMenu li a:hover,.PageMenu li a:active { color:#fff;}

	}

@media only screen and (min-width:0px) and (max-width:1040px){

	.PageTitle h1{ background:none;}}