/*
 * w371 - browlash iweb24-style15
 * http://www.browlash.com.tw/
 *
 * Copyright 2015, TANK
 * 
 * 
 * 2015 / 2 / 26
 */


/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

body {
	margin:0;
	border:0;
	width:100%;
	height: 1047px;
	position: relative;
	background: url(../../images/15/main/img-bg.jpg);
	background-repeat:repeat-x;
	background-color:#766a54;
	color: #000;
	font-size: 14px;
	line-height:170%;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

ul li a:hover ,
a:hover {
	color: #900;
	text-decoration: none;
}
.clearBoth {
	clear:both;
	padding:0;
	margin:0;
}

.wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 1091px;
	height: 1000px;
	border: 0;
	text-align: center;
}

.wrapper .indexWrap {
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}


/* +indexWrap - links
*------------------------------------------------------------------*/
.wrapper .indexWrap .links {
	overflow: hidden;
	margin: 45px 0 0;
	height: 1px;
	background: url(../../images/15/index/img-listBg.png) no-repeat 0 0;
	display: block; 
}


/* +indexWrap - downInfo
*------------------------------------------------------------------*/
.wrapper .indexWrap .downInfo {
	overflow: hidden;
}

.wrapper .indexWrap .downInfo #dayProduct {
	float: right;
	width: 320px;
	background-image:url(../../images/15/main/cc.png);
	background-repeat:no-repeat;padding-top: 50px;
	background-position: 15px top;

}

.wrapper .indexWrap .downInfo #dayProduct .photo {
	overflow: hidden;
	text-align:center;
}

.wrapper .indexWrap .downInfo #dayProduct .photo img {
}

.wrapper .indexWrap .downInfo .about{
    float: left;
    width: 250px;	
	overflow:hidden;
	height: 294px;
}
.wrapper .indexWrap .downInfo .about p{
	background-image:url(../../images/15/main/map.png);
	background-repeat:no-repeat;padding-top: 40px;
	background-position: 0 top;
	color:#fff;
}
/* +indexWrap - downInfo - news
*------------------------------------------------------------------*/
.wrapper .indexWrap .downInfo .news {
	float: right;
	padding-bottom: 100px;
	width: 350px;
}

.wrapper .indexWrap .downInfo .news .newsTitle {
	overflow: hidden;
}

.wrapper .indexWrap .downInfo .news .newsTitle a {
	height: 31px;
	display: block;
	background: url(../../images/15/main/video.png) no-repeat -20px 0;
	text-indent: -999px;
}

.wrapper .indexWrap .downInfo .news .newsList {
	overflow: hidden;
	margin: 10px 0;
}

.wrapper .indexWrap .downInfo .news .newsList ul {
	overflow: hidden;
}

.wrapper .indexWrap .downInfo .news .newsList ul li {
	width: 320px !important;
	height: 130px;
	display: block;
}

.wrapper .indexWrap .downInfo .news .newsList ul li .info {
	color: #d5d5d5;
}

.wrapper .indexWrap .downInfo .news .newsList ul li .info h3 a {
	margin: 5px 0;
	font-size: 18px;
	color: #fff;
}

.wrapper .indexWrap .downInfo .news .newsList ul li .info p.date {
	margin: 5px 0;
	font-size: 16px;
	color: #d5d5d5;
}
#footer {
	overflow: hidden;
	width: 1091px;
	margin: 0 auto;
	position: absolute;
	border-top: 5px solid #7D715A;
	bottom:0;
	top: inherit;
}