/* global */

body {
	margin: 0px; 
	font-size: 15px;
	color: #ffffff;
	background: #3b0616;
	background-image: url(bg.png);
background-repeat-y: no-repeat;
	background-position-x: center;
	}

.adv {
text-align:center;
background-color:#000;
color: #FFF;
font-size: 12px;
border-bottom: red 1px solid;
}


.adv p {
	color: #ffed00;
	padding:5px;
margin:0px;
}

.adv p a{
	color: #ffed00;
}

.side_head {
	border: #340714 1px solid;
	border-bottom: none;
	background-color: #340714;
	border-radius: 0;
	box-shadow: 0px 0px 0px #424242;
	color: #ffffff;
	}
.side_head div {
	padding:0 10px 0 10px;
	font-size:13px;
	height:28px;
	line-height:30px;
	overflow:hidden;
	letter-spacing:1px;}
.side_body {
	border: #ff7ac2 1px solid;
	border-top: none;
	background: #FFFFFF;
	padding: 10px; 
	margin: 0 0 10px;
	color: #000000;
	border-radius: 0;
	box-shadow: 0px 0px 0px #424242;
	}
	
.side_body a:link, a:active, a:hover {
    color: #000000;
    text-decoration: none;
}
.side_body  a:visited {
    color: #000000;
}

.side_body  a.t:link, a.t:visited, a.t:active {
    color: #ffffff;
}
	
.side_body li {
	padding:0 0 0 20px;
	height:26px;
	line-height:26px;
	overflow:hidden;
	}

.slider-wrapper {
    max-height: 600px;
    min-height: 300px;
	overflow: hidden;
}
.theme-default .nivoSlider {
	max-height: 600px;
    min-height: 300px;
}


.theme-default .nivoSlider img{
    min-height: 300px;
}

/* 頁頭 */
#top {
	height: 26px;
	line-height: 26px;
	background: #340714;
	padding: 0 10px 0 10px;
	border-bottom: #a2a2a2 1px solid;
	}
#top a {
	text-decoration:none;
	}
.head {
	/*height:115px;*/
	overflow:hidden;
	max-width: 420px;
	margin-right: 60px;
	}
.head div {
	float:left;
	}
.head .logo {
	padding:15px 10px 0 15px;
	/*height:90px;*/
	overflow:hidden;
	}
#head-title {
    float: inherit;
}

/* TOP頁頭聯絡資訊 */
#top-contact-info {
	max-width: 1200px; 
	font-size: 12px;
	color: #e6e6e6;
	margin:0px auto; /* DIV置中 */
}
#top-contact-info a{
	color: #e6e6e6;
}
#top-contact-fax,#top-contact-phone {
	float: right; 
	padding-right: 10px;
}
#top-contact-fb {
	float: left; 
	padding-right: 10px;
}

/* 公司名 */
.head h1 {
	font-size: 24px;
	margin: 20px 0 5px 10px;
	font-family: Microsoft JhengHei;
	color: #ffffff;
	font-weight: bold;
	}
.head h1 a,.head h1 hover {
	color: #ffffff;
	}
.head h4 {
	font-size:12px;
	margin:0 0 0 10px;
	color: #ffffff;
	}

/* 會員標章 */
#page-logo #head-sign
{display:none; }

/* 首頁Banner(單圖時)) */
.banner-home  img{
	max-height: 600px;
	width: 100%;
	}

/* 內頁Banner */
.banner {
    overflow: hidden;
}

.banner  img{
    min-height: 200px;
	max-height: 300px;
}

.banner-out {
	border-top: 2px #fcfcfc solid;
    border-bottom: 2px #fcfcfc solid;
}

.banner-out  img{
    overflow: hidden;
	object-fit: cover;
}

.banner-home  img{
    min-height: 300px;
}

/* 停用公司檔案中的超連結 */
#com_profile a{
	pointer-events: none;
	cursor: default;
}
#com_profile a:link,a:active,a:hover {
	color: #ffffff;
}

/* 內頁有列表的部份 */
.col-sm-10 a:link {
    display: block;
	padding: 5px;
	margin-top: -30px;
}
.col-sm-10 a:hover {
    background-color: none;
}

/* 選單方塊(窄解析度) */
.navbar-header {
	height: 80px;
	vertical-align: middle;
	margin-top: -85px;
	padding-top: 20px;
	width: 70px;
	float: right;
	}

/* 導航欄/日期時間 */
.pos {
	display: none;
}

/* Slider圖的左右間隙為0 */
#page-banner {
	padding-right: 0px; 
	padding-left: 0px;
    overflow: hidden;
	width: 100%;	
	background-image: url(banner-bg.png);
    background-size: cover;
	background-color: #ececec;
}

/* 新版首頁適用 */
#home-page-container {width: 100%;}
#home-page-container #side { 
	display: none; 
	} 
#home-page-container #main {
	width: 100%;
	}
.home-row  #main {
	padding-right: 0px;
	padding-left: 0px;
	}

/* Container區 */	
.container {
	width: 100%;
}


/* 首頁內容區 */
#main {
	/* width: auto; */
}

/* 首頁DIV標題/內容 */
.main_page{
	max-width: 1200px;		
    margin: 0px auto;
}

/* 首頁區塊Global */
#main_introduce,#main_elite,#main_sell,#main_info,#main_brand,#main_photo,#main_video,#main_mall{
    width: 100%;
    padding: 30px 0px;
}

/* 首頁區塊 推薦產品 */
#main_elite{    
    background-color: #ececec;
	background-image: url(main_elite.jpg);
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 公司介紹 */
#main_introduce{    
    background-color: ;
	background-image: ;
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 最新供應 */
#main_sell{    
    background-color: #ececec;
	background-image: url(main_sell.jpg);
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 招商代理 */
#main_info{    
    background-color: ;
	background-image: ;
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 品牌展示 */
#main_brand{    
    background-color: #ececec;
	background-image: url(main_brand.jpg);
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 公司相冊 */
#main_photo{    
    background-color: ;
	background-image: ;
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 公司視頻 */
#main_video{    
    background-color: #ececec;
	background-image: url(main_video.jpg);
    background-attachment: fixed;
	background-size: cover;
}

/* 首頁區塊 熱賣商品 */
#main_mall{    
    background-color: ;
	background-image: ;
    background-attachment: fixed;
	background-size: cover;
}

/* 內文標題 */
.main_head {
	background-color: #340714;
	box-shadow: 0px 0px 0px #424242;
	border-radius: 0em;
	color: #ffffff;
}

/* 內文圖片 */
.main_body p img {
	padding: 10px;
}

/* 內文圖片 */
.main_body td img {
	padding: 0px;
}

/* 相簿圖片 */
.main_body #photo-side img {
	padding: 0px;
}
/* 相簿-返回列表 */
.return-photo-list a:link {
    display: initial;
    padding: 0px;
    margin-top :0px;
}
#photo-box-left,.photo-in-r {
	width: 100%;
	padding-top: 0px;
}

/* 相片區背景色 */
#photo-box-left .photo-in-l {
    background: #ececec;
    padding: 10px;
}

/* 相片縮圖待選區背景色 */
.photo-in-r {
    background: #cccccc;
	padding-bottom: 0px;
}

/* 相片資訊區 */
.photo_info {
	background: #cccccc;
}

/* 目前張數數字 */
.count_a {
	color: #ff7ac2;
	font-weight: bold;
}

.count_b {
	color: #000000;
	font-weight: bold;
}

/* 相片縮圖尾距 */
#photo-side {
    padding-bottom: 20px;
}

/* 相片區 */
#photo-box {
    background: none;
    background-color: #cccccc;
}

#photo_detail {
	color: #000000;
}

/* 內文 */
.content {
    font-size: 15px;
}

/* 內文區塊 */
.row {
    margin-right: 0px;
    margin-left: 0px;
}

/* 內文超連結 */
a:link, a:active, a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    color: #FFFFFF;
}

a.t:link, a.t:visited, a.t:active {
    color: #FFFFFF;
}

/* 內文文字尺寸(無連結) */
.px13 {font-size: 15px;}

/* 內文文字尺寸(有連結) */
.thumb div {
    font-size: 15px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/*  */
#main #elite {
	height: 352px;
}

/* 商品價格 */
span.f_price {
    color: ;
}

 /* 縮圖間隙 */
.thumb {
	padding: 0;
}
 /* 縮圖尺寸 */
.thumb {
	background: #e7e7e8;
	border: #e7e7e8 3px dashed;
	padding: 0;
	margin-bottom: 20px;
}
 .thumb img {
	width: 100%;
	padding: 0;
	border: #C0C0C0 1px solid;
}
 /* 縮圖(hover) */
.thumb_on {
	width: 100%;
	background: #b3b3b3;
	border: #340714 3px dashed;
	margin-left: 0px;
}
 .thumb_on img {
	padding: 0;
}

/* 縮圖文字 */
.thumb div {
	font-size: 15px;
	padding: 0 10px 0 10px;
}

.thumb div a{
	color: #340714;
}

.thumb_on div a{
	color: #ffffff;
	display: block;
	height: 48px;
}

.thumb p{
	color: #ffffff;
	font-size: none;
}

.thumb_p{
	color: #ffffff;
}

/* Hover Effect 遮罩*/
.view-first .mask {
	background-color: rgba(52, 7, 20, 0.9);
}

.view p {
    font-size: 14px;
}

/* for mall */
.mask span.f_price {
    font-size: 20px;
}

.f_price {
    font-family: inherit;
}

/* Hover Effect info*/
.info {
    margin: 0 10px 0 10px;
    border-top: #C0C0C0 0px dotted;
    border-bottom: #C0C0C0 0px dotted;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
}

/* 頁數分頁 */
.pages label {
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    padding: 1px 5px 1px 5px;
    display: inline-block;
	color: #000000;
}

.pages a:hover {
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    color: #ff7ac2;
    padding: 1px;
    text-decoration: none;
}

.pages a:link, .pages a:visited, .pages a:active {
    background: #FFFFFF;
	color: #000000;
    border: #E6E6E6 1px solid;
    padding: 1px;
    text-decoration: none;
}

/* 表單 */
input, select, texTarea {
    font-size: 15px;
    color: #000000;
}

/* 表單輸入欄位邊框色 */
.inp {
	color: #fd4d1b;
}

.message_input_l {
    width: 100%;
	height: 30px;
}
.message_textarea {
    width: 100%;
}
.message_input_s {
    width: 100%;
	height: 30px;
}
.sbm {
    height: 30px;
	border: #fd4d1b 1px solid;
}
.f_dblue {
    color: #ffffff;
}
iframe td {
    padding: 0px 10px;
}

/* 頁尾 */
.foot {
	background: #000000;
	color: #cccccc;
	border: 0;
}
.foot a {
	color: #ffffff;
}
.foot a:hover{
	color: #ff7ac2;
}

/****************************** RWD Setting(992+) ******************************/

/* Browser寬度在992px以上時 */
@media (min-width:992px){

/* Slider動畫的左右箭頭Padding */
.theme-default a.nivo-prevNav {left: 70px;}
.theme-default a.nivo-nextNav {right: 70px;}

/* 內頁產品+相本縮圖 */
#main .row .col-xs-6,.col-sm-3 {
	width: 33%;
	float: left;
}

/* 內容區標題右側小文字 */
span.f_r.f_n.px12 {
    color: ;
}
span.f_r.f_n.px12 a:link, a:active, a:hover {
    color: ;
}

/* 供應商品發送詢價按鈕文字顏色 */
a.btn_inquiry {
    color: ;
}

/* 首頁產品+相本縮圖 */
#main_sell #box .col-xs-6 {
	width: 25%;
}

/* 首頁推薦產品 */
#main_elite #box .col-xs-6 {
	width: 25%;
}

/* 首頁商城 */
#main_mall #box .col-xs-6 {
	width: 25%;
}

/* 首頁相本縮圖 */
#main_photo #box .col-sm-3 {
	width: 25%;
	float: left;
}



/* 企業LOGO */
#page-logo #head-logo img {
	max-width: 300px;
	max-height: 70px;
}
		
.container {	width: auto;} /* 針對頁頭與頁尾 */
#page-container {max-width: 1200px;}
#page-logo {float:left;}
#page-menu {float:right;}
#brand-and-menu {
	height: 95px; 
	max-width: 1200px; 
	margin:0px auto; /* DIV置中 */
	}		

/* 導航選單設定 */
.navbar-default {
	/* 漸層色(從上到下) */
	/* background: linear-gradient(to bottom,rgba(255,0,0,0) 40%, rgba(222, 222, 222, 1) 90%); */
	}

/*導航選單區塊左側邊框*/
.nav {
	border-left: /* #a4a7a9 1px solid */ none;
	}
	
#menu a {text-decoration:none;}
.menu {overflow:hidden; padding:0 /*0 0 20px*/; font-size:15px;}
.menu_li {
	border-right: /* #a4a7a9 1px solid */ none;
	padding:0 20px 0 20px;
	line-height:95px;
	}
.menu_li:hover, .menu_on {
	border-right: /* #a4a7a9 1px solid */ none;
	padding:0 20px 0 20px;
	line-height:95px;
	font-weight:bold;
	}

.menu_li span {
	color: #ffffff;
	}

.menu_on span {
	color: #ffffff;
	}

/* 內容區 - 標題 */
.main_head {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 0 15px 0 15px;
}
.main_head div {
	font-size: 30px;
}

/* 側選單 */
#side {
	margin-top: 30px;
	max-width: 25%;
	font-size: 13px;
}
.fr {
	font-size: 13px;
}
}

/****************************** RWD Setting(991-) ******************************/

/* Browser寬度在991px以下時 */
@media (max-width: 991px){

/* LOGO圖 */
#page-logo #head-logo img {
    max-width: 300px;
    max-height: 50px;
}

/* Slider動畫的左右箭頭Padding */
.theme-default a.nivo-prevNav {left: 20px;}
.theme-default a.nivo-nextNav {right: 20px;}

/* Banner */
.banner-home  img{
	max-height: 800px;
	width: 100%;
	}
.banner-out  img{
    object-fit: cover;
}

/* 彈出式選單背景色 */
.navbar-collapse {
    background-color: rgba(64, 7, 22, 0.3);
	}
.nav>li>a {
	padding: 5px 10px;
	}
.nav>li>a:hover {
	background-color: #ff7ac2;
	}
li.menu_on {
background-color: #9e290f;
	}
li.menu_on span {
color: #ffffff;
	}

.navbar-default .navbar-nav>li>a {
color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #000000;
}

/* 內容區 - 標題 */
.main_head div {
    font-size: 25px;
}
.main_head {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 10px;
	padding: 0 15px 0 15px;
}
}

/* 內頁產品+相本縮圖 */
#main .row .col-xs-6,.col-sm-3 {
	width: 33%;
	float: left;
}

#main .photo_info .title {
	font-size: 20px;
}


/****************************** RWD Setting(768-) ******************************/

/* Browser寬度在768px以下時 */
@media (max-width: 768px){

/* 內頁產品+相本縮圖 */
#main .row .col-xs-6,.col-sm-3 {
	width: 50%;
	float: left;
}

/* 列表(如:新聞) */
.col-sm-2 {
    display: none;
}

/* 上下張相片選擇 */
#photo-box .col-sm-2 {
    display: initial;
}

.main_body #photo-side img {
    width: 60px;
}

}


/****************************** RWD Setting(479-) ******************************/

/* Browser寬度在479px以下時 */
@media (max-width: 479px){

/* 內頁產品+相本縮圖 */
#main .row .col-xs-6,.col-sm-3 {
	width: 100%;
}
}