@charset "UTF-8";
/** 整體設定 **/
body {
	font-family: "微軟正黑體",Helvetica,Arial,sans-serif !important;
	font-weight: normal;
	font-size:16px;
}

.marginTB20{margin:20px 0;}
.marginTB40{margin:40px 0;}
.marginTB30{margin:30px 0;}

/** 公版padding **/
.bg_gray{ background-color:#f2f2f2}
.paddingTB20 {padding:20px 0;}
.paddingTB10 {padding:10px 0;}
.paddingTB50 {padding:50px 0;}
.paddingLR15{padding:0 15px;}
.paddingLR8{padding:0 8px;}
.padding30{padding:30px;}
.padding10{padding:10px;}

.paddingB30{padding-bottom:30px}
.marginTB15{ margin-top:15px; margin-bottom:15px}

/** 價格price 公版 顏色 -**/
.price_red {color:red;}
.prompt_word{color:#ccc}

.red_msg{color:#c00;}
.gary_msg{color:#999;}
.datasy{ background-color:#fff; border-style:solid;border-color: #D8D8D8;border-width:1px; padding:10px}
.listtext{ overflow:hidden; line-height:25px; height:280px}

/** 公版按鈕 **/
.vstyle {
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
	margin-left:-1px;
	outline:none;
}
.vstyle:hover{
	background-color:#fafafa;
}

.vstyle:active{
	border: 1px solid #aaa;
}

.vstyle:focus{
	outline:none;
}

/** 底部加上陰影 **/
.shadow-bottom
{
	-moz-box-shadow: 2px 2px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 1px 2px rgba(0,0,0,0.1);
	box-shadow:0px 2px 1px 2px rgba(0,0,0,0.1);
}

/** 底部邊線白色 **/
.border-bottom-white{
	border-bottom-color:#fff !important;
}

/** 褐色 **/
.color-brown{
	color:#775500;
}

.color-brown-light
{
	color:#994433;
}

.word-overflow-hidden
{
	white-space:nowrap;
	word-break:keep-all;
	overflow:hidden;
    text-overflow:ellipsis;
}

/** 公版 圖片滿寬度 **/
.img-responsive100{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}

/** 調整驗證碼圖片大小 **/
#changeCaptchaBtn img{
	width:80px;
	height:30px;
}

/** header 設定 **/
.logo-img {
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	background-color:#c00;
}

.menu {
	line-height:50px;
}

.share-bar a{
	
}

.headerT{
	margin-top:162px;
}

/** 設定首頁topbar z-index **/
.mm-toggle-wrap{
	position: absolute;
	z-index:10;
	background-color:#fff;
	position:fixed;
	top:0;
	-webkit-user-select: none;
    -moz-user-select: none;
	cursor: default;
}
.mm-toggle{
	z-index:5;
}
.logo {
	z-index:5;
    /*float: none;
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	*/
	width: 200px;
	margin-top: 10px;
}
.header {
	position: absolute;
	z-index:10;
	background-color:#fff;
	position:fixed;
	top:150px;
	width:100%;
	-webkit-user-select: none;
    -moz-user-select: none;
	cursor: default;
}


/** 首頁最新消息bar設定 **/
.news-bar {
	background-color:#fafafa;
}

.news-bar .imgsmail {
	padding:10px;
}

.news-bar a:link,.news-bar a:visited,.news-bar a:hover,.news-bar a:active{
	color:#000;
	text-decoration:none;
}

.news-bar .list-control
{
	border-left:1px solid #ccc;
}

.news-bar .list-control p{
	border-bottom:1px solid #ccc;
	line-height:24px;
	white-space:nowrap;
	word-break:keep-all;
	overflow:hidden;
    text-overflow:ellipsis;
}
/** 首頁新書上架 **/
.news-book h2 {
	font-size:23px;
}
/*
.news-book img{
	padding:10px;
}
*/
.news-book a:link,.news-book a:visited,.news-book a:hover,.news-book a:active{
	color:#000;
	text-decoration:none;
}


/** 分頁導覽 **/
.page-list .pagination .active>a{
	background-color:#c00;
	border-color:#c00;
	color:#fff;
}
.page-list .pagination > li > a{
position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
	border-color:#666;
}

.page-list .pagination > li > a:hover{
	background-color:#ccc;
}

.page-list .pagination > li:first-child>a
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.page-list .pagination > li:last-child>a
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/** 最新消息內頁 **/
.news-detail .detail-control
{
	padding:80px 0px;
	font-size:20px;
}
.news-detail .detail-control a
{
	padding:0px 40px;
	line-height:20px;
}

.news-detail .detail-control a:link,.news-detail .detail-control a:visited,.news-detail .detail-control a:hover,.news-detail .detail-control a:active
{
	color:#000;
	text-decoration:none;
}

/** 產品列表頁 **/
.product-list h2 {
	font-size:23px;
}

.product-list img{
	padding:10px;
}

.product-list a:link,.product-list a:visited,.product-list a:hover,.product-list a:active{
	color:#000;
	text-decoration:none;
}

/** 產品詳細頁 **/
.product {
	margin-bottom:20px;
}

.product .btn-vstyle{
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
}

.product .btn-vstyle:hover{
	background-color:#fafafa;
}

.product .btn-vstyle:active{
	border: 1px solid #aaa;
}

.product .btn-nums{
	width:30px;
	padding:5px 5px;
	height:40px;
}

.product .input-nums{
	width:50px;
	padding:5px 5px;
	height:40px;
	border:1px solid #aaa;
	border-left-width:0px;
	border-right-width:0px;
}

.product .buy-nums{
	height:60px;
	line-height:40px;
}

.product .numsbox {
	padding:10px 0px;
}

.product .numsbox p {
	margin:0;
}

.product-info .infobox{
	margin-left:-1px;
	margin-top:-1px;
	border:1px solid #aaa;
	min-height:300px;
	display:none;
	padding:40px 80px;
}

/** Contact **/
.formrow{
	margin-bottom:10px;
}

.formrow label{
	line-height:34px;
}

.formrow input , .formrow textarea,.formrow select{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.formrow p{
	line-height:34px;
}

/** 瀑布 **/
.masonry{
	margin-bottom:50px;
}

/** 購物車 **/
.shopping-table{
	width:100%;
	table-layout:fixed;
}

.shopping-table thead{
	background-color:#fafafa;
	border-bottom:1px solid #aaa;
}
.shopping-table thead th{
	height:50px;
	text-align:center;
}
.shopping-table tbody tr{
	border-bottom:1px solid #aaa;
}
.shopping-table tbody > tr:last-child{
	border-bottom:0px;
}
.shopping-table tbody tr td{
	text-align:center;
	height:113px;
	vertical-align:middle;
}

.nowraps{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.shopping-table tbody tr td h3{
	padding-top:15px;
	padding-bottom:15px;
}


.shopping-table .btn-vstyle{
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
}

.shopping-table .btn-vstyle:hover{
	background-color:#fafafa;
}

.shopping-table .btn-vstyle:active{
	border: 1px solid #aaa;
}

.shopping-table .btn-nums{
	width:30px;
	padding:5px 5px;
	height:40px;
}

.shopping-table .input-nums{
	width:50px;
	padding:5px 5px;
	height:40px;
	border:1px solid #aaa;
	border-left-width:0px;
	border-right-width:0px;
}

.shopping-cart .titlespan{
	background-color:#fafafa;
	height:50px;
	line-height:50px;
	padding-left:20px;
}


/** 首頁滑動選單CSS **/
#owl-yx .item{
  margin: 15px;
}
#owl-yx .item img{
  display: block;
  width: 100%;
  height: auto;
}

/** 瀏覽紀錄 **/
.view-record{
	
}


.view-record .record-box{
	width:100%;
	height:100%;
	background-color:#fff;
}
.view-record .record-box img{
	width:50px !important;
	height:50px !important;
}
.view-record .record-box p{
	background-color:#999;
	color:#fff;
	margin:0px;
}

.view-record .record-box a {
	color:#000;
}
.view-record .record-box a:hover , .view-record .record-box p a:focus , .view-record .record-box p a:action{
	color:#000;
	text-decoration:none;
}

.view-record .record-box p a {
	color:#fff;
}
.view-record .record-box p a:hover , .view-record .record-box p a:focus , .view-record .record-box p a:action{
	color:#fff;
	text-decoration:none;
}

/** 以下為首頁複製 **/

.logo
{
	width:160px;
}

.topbar 
{
	z-index:11;
	position: absolute;
	left:0%;
	top:0%;
	padding-top:10px;
	padding-left:20px;
}

.footer 
{
	display:none;
	z-index:11;
	position: absolute;
	height:80px;
	width:100%;
	background-color:#c00;
	bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.m_footer 
{
	display:none;
	z-index:11;
	position: absolute;
	height:80px;
	width:100%;
	background-color:#c00;
	bottom:0;
	padding-top:10px;
	padding-bottom:10px;
}

.footer p
{
	line-height:30px;
	padding-left:20px;
	margin:0px;
	font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:14px;
}

.m_footer p{
	line-height:30px;
	padding-left:20px;
	margin:0px;
	font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:14px;
}

.s_footer
{
	display:none;
}

.s_footer p
{
	line-height:25px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
	color:#fff;
	font-size:14px;
}

.iconbtn
{
	z-index:11;
	position: absolute;
	height:50px;
	background-color:#fff;
	bottom:0;
	right:0;
	margin-right:50px;
	background-color:#c00;
}

.iconbtn a{
	margin-left:10px;
	margin-right:10px;
}

.iconbtn img{
	height:24px;
}

.triangle1 {
	z-index:12;
	position: absolute;
	bottom:80px;
    /*border-color: #FF0000 transparent transparent transparent;*/
    border-color: transparent #c00 #c00 #c00;
    border-style: solid solid solid solid;

    /* 設定邊框大小可拼湊出任意形狀的三角形 */
    border-width: 100px 0px 0px 1200px;

    /* 設定 width、height 可更好理解原理 */
    height: 0px;
    width: 0px;
}

.triangle2 {
	z-index:12;
	position: absolute;
	bottom:80px;
	right:0px;
    /*border-color: #FF0000 transparent transparent transparent;*/
    border-color: transparent #ccc transparent transparent ;
    border-style: solid solid solid solid;

    /* 設定邊框大小可拼湊出任意形狀的三角形 */
    border-width: 120px 720px 0px 0px;

    /* 設定 width、height 可更好理解原理 */
    height: 0px;
    width: 0px;
}

.triangle3 {
	z-index:13;
	position: absolute;
	bottom:80px;
	right:0px;
    /*border-color: #FF0000 transparent transparent transparent;*/
    border-color: transparent #c00 transparent transparent ;
    border-style: solid solid solid solid;

    /* 設定邊框大小可拼湊出任意形狀的三角形 */
    border-width: 60px 720px 0px 0px;

    /* 設定 width、height 可更好理解原理 */
    height: 0px;
    width: 0px;
}


.navbar{
	position: absolute;
	width:100%;
	z-index:25;
	top:0;
}

.pdaad-check
{
	margin:10px 10px !important;
	padding:0px 0px !important;
	height:20px;
	width:20px;
}

.paddingT10{
	padding-top:10px;
}

.marginT20
{
	margin-top:20px;
}


.hover_box{
	position:relative;
	/*padding:20px 10px;*/
}

.hover_box img{
	width:100%;
}

.hover_box:hover > .hover_show{
	display:inline;
}

.hover_show{
	display:none;
	z-index:2;
	/*margin:20px 0px;*/
	/*padding:0px 15px;*/
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	position:absolute;
	background-color:rgba(192,0,0,0.8);
	color:#fff;
	border:0px;
	text-align:center;
}

.hover_show h3 {
	margin:0px;
}

/** 針對不同尺寸下微調 **/
@media (min-width: 1200px){
	.footer{display:inline;}
	.m_footer{display:none;}
	.footer-box{height:100px;}
	.container{width:750px}
}

@media (max-width: 1200px){
	.footer{display:none;}
	.m_footer
	{
		display:inline;
		height:120px;
		bottom:0px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.s_footer p
	{
		line-height:25px;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
		font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
		color:#fff;
		font-size:10px;
	}
	.triangle1{bottom:120px;}
	.triangle2{bottom:120px;}
	.triangle3{bottom:120px;}
	.footer-box{height:240px;}
}

@media (max-width: 992px){
	.footer-box{height:216px;}
	
}
	
@media (max-width: 767px){
	.m_footer
	{
		display:none;
	}
	.iconbtn{
		right:auto;
		bottom:170px;
		text-align:center;
		width:100%;
		height:40px;
		padding-top:10px;
		padding-bottom:10px;
		
	}
	.iconbtn img
	{
		height:20px;
	}
	
	.footer 
	{
		display:none;
	}
	
	.s_footer
	{
		display:inline;
		z-index:11;
		position: absolute;
		height:170px;
		width:100%;
		background-color:#c00;
		bottom:0px;
		padding-top:10px;
		/*padding-bottom:10px;*/
		text-align:center;
	}
	
	.s_footer p
	{
		line-height:25px;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
		font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
		color:#fff;
		font-size:10px;
	}
	
	.footer-box{height:242px;}
}

@media (max-width: 640px){
	.iconbtn{
		right:auto;
		bottom:70px;
		text-align:center;
		width:100%;
		height:40px;
		padding-top:10px;
		padding-bottom:10px;
		
	}
	.iconbtn img
	{
		height:20px;
	}
	
	.footer 
	{
		display:none;
	}
	
	.s_footer
	{
		display:inline;
		z-index:11;
		position: absolute;
		height:70px;
		width:100%;
		background-color:#c00;
		bottom:0;
		padding-top:10px;
		text-align:center;
	}
	
	.s_footer p
	{
		line-height:25px;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
		font-family: "微軟正黑體",Helvetica,Arial,sans-serif;
		color:#fff;
		font-size:10px;
	}
	
	.mm_hidden
	{
		display:none;
	}
	
	.footer-box{height:108px;}
}

@media (max-width: 480px){
	
}
@media (min-width: 992px){
	.container{width:750px}
	}
	.breadcrumb {
  
    margin-bottom: 0px;}