@charset "utf-8";
/* CSS Document */

html, body {
	background: url(../images/bgTop.jpg) repeat-x top #383d41;
	font-family: '微軟正黑體', "Microsoft JhengHei", "Heiti TC", sans-serif;
	letter-spacing: 0.5px;
	line-height: 25px;
	color: #ccc;
	font-size: 13px;
}
a {
	color: #CCC;
	text-decoration: none;
}
/*===================
	文字設定
=====================*/
.colorB {
	color: #000;
}
.colorBl {
	color: #2E3438;
}
.colorG {
	color: #666;
}
.colorG2 {
	color: #ccc;
}
.colorW ,.colorW a{
	color: #FFF;
}
.colorGR {
	color: #31A344;
}
.colorBA30 {
	color: #000;
	filter: alpha(opacity=30);/*IE*/
	-moz-opacity: 0.3;/*FireFox*/
	opacity: 0.3;/*Chrome,Opera,Safari*/
}
.colorWA30 {
	color: #FFF;
	filter:alpha(opacity=30);/*IE*/
	-moz-opacity: 0.3;/*FireFox*/
	opacity: 0.3;/*Chrome,Opera,Safari*/
}
.en {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}
.en2 {
	font-family: "Times New Roman", Times, serif;
}
.en3 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif
}
/*=====================
	主要版面設定
=====================*/
#wrapper {
	width: 1120px;
	padding: 0 10px;
	margin: 0 auto;
}
/*頁首*/
#header {
	width: 1120px;
	height: 550px;
	overflow: hidden;
	position: relative;
}
.logoTop {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 1120px;
	height: 550px;
}
.hidden {
	display: none;
}
/*頁首大圖*/
.showPhoto {
	width: 1120px;
	height: 550px;
	position: relative;
}
.showPhoto li {
	float: left;
	position: relative;
}
.showPhoto a {
	position: absolute;
	top: 0;
	left: 0;
}
.p1 {
	width: 340px;
	height: 550px;
	overflow: hidden;
}
.p2 {
	width: 390px;
	height: 275px;
	overflow: hidden;
}
.headerPhotoBtn {
	position: absolute;
	z-index: 3;
	height: 20px;
	width: 1120px;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.headerPhotoBtn li {
	list-style: none;
	width: 20px;
	height: 20px;
	background: url(../images/g_dot.png) no-repeat center;
	cursor: pointer;
	display: inline-block;
	/*ie7以下inline-block問題修正*/
	zoom: 1;
 *display: inline;
}
.headerPhotoBtn li.on {
	background: url(../images/w_dot.png) no-repeat center;
}
/*主選單*/
#menu {
	position: absolute;
	width: 100%;
	min-width: 1140px;
	height: 80px;
	left: 0px;
	top: 535px;
	background: url(../images/menuBg.png) repeat-x;
	z-index: 101;
}
.nav {
	width: 840px;
	height: 40px;
	margin: 20px auto;
	padding-left: 40px;
}
.nav a {
	width: 70px;
	height: 40px;
	padding: 0 0 0 30px;
	margin: 0 40px 0 0;
	float: left;
}
.nav0 {
	background: url(../images/icon0.jpg) no-repeat 0 0;
}
.nav1 {
	background: url(../images/icon1.jpg) no-repeat 0 0;
}
.nav2 {
	background: url(../images/icon2.jpg) no-repeat 0 0;
}
.nav3 {
	background: url(../images/icon3.jpg) no-repeat 0 0;
}
/*
.nav4 {
	background: url(../images/icon4.jpg) no-repeat 0 0;
}
*/
.nav5 {
	background: url(../images/icon5.jpg) no-repeat 0 0;
}
.nav6 {
        background: url(../images/icon6.jpg) no-repeat 0 0;
}
.at, .nav a:hover {
	background-position: 0 -40px;
}
.logo {
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: -550px;
	display: none;
}
/*主要內容*/
#main {
	width: 1120px;
	padding: 70px 0 10px 0;
	/*background: url(../images/mainbg.jpg) left 64px repeat-x;*/
}
.contR {
	float: left;
	width: 885px;
}
/*大圖*/
.viewportPic {
	width: 885px;
	height: 550px;
	margin-bottom: 30px;
}
.pic {
	width: 885px;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.pic li {
	position: absolute;
	top: 0;
	left: 0;
}
.control {
	width: 895px;
	height: 50px;
	overflow: hidden;
}
.control li {
	height: 40px;
	width: 149px;
	overflow: hidden;
	float: left;
	background: url(../images/controlArrow.png) no-repeat 0 -1px #515759;
	padding: 10px 10px 0px 10px;
	margin: -10px 10px 0 0;
	cursor: pointer;
	line-height: 20px;
	border-radius: 0px 0px 5px 5px;
}
.control li.now {
	color: #FFF;
	margin: 0px 10px 0 0;
	background: url(../images/controlArrow.png) no-repeat 0 -1px #007733;
}
.control li:hover {
	margin: 0px 10px 0 0;
}
/*頁面標題/路徑*/
.title {
	width: 865px;
	height: 55px;
	padding: 10px;
	background: #43484C;
	margin-bottom: 10px;
	border-radius: 5px 5px 0px 0px;
	position: relative;
}
.route {
	position: absolute;
	left: 10px;
	bottom: 10px;
	border-bottom: #777777 solid 1px;
	width: 865px;
	height: 25px;
	overflow: hidden;
	text-align: right;
	color: #999999;
}
.route a {
	color: #31A344;
}
.route a.home {
	padding-left: 25px;
	background: url(../images/readMoreArrow.gif) no-repeat left 3px;
}
/*收藏/分享*/
.functionBtn {
	height: 25px;
	color:#FFF;
}
.functionBtn >ul {
	float: left;
	margin-right: 15px;
}
.addCollection {
	padding-right: 23px;
	background: url(../images/addCollection.png) no-repeat right center;
	width: 60px;
}
.removeCollection {
	padding-right: 23px;
	background: url(../images/removeCollection.png) no-repeat right center;
	width: 60px;
}
.functionBtn >ul.shareArticle {
	margin-right: 0;
}
.shareArticle li {
	float: left;
	margin-right: 5px;
}
.shareArticle li a{ cursor:pointer}
/*文章選單列表*/
.articleList {
	width: 900px;
 *padding-bottom:15px;
}
.recommendationList {
	width: 900px;
	margin-bottom: 15px;
}
/*廣告*/
.contL {
	float: left;
	width: 215px;
	margin-right: 20px;
}
.ad li {
	width: 100%;
	margin-bottom: 10px;
}
.ad img {
	display: block;
}
/*footer*/
/*#footer {
	background: #43484c;
	width: 1120px;
	height: 250px;
	margin-bottom: 60px;
	border-radius: 5px;
}*/
#footer {
    border-radius: 5px;
    background-image: url("../images/sitemapbg.png");
    background-repeat: no-repeat;
    height: 250px;
    left: 89px;
    padding-left: 30px;
    padding-top: 30px;
    margin-bottom: 60px;
    width: 1150px;
}
.sitemap, .contact {
	width: 425px;
	height: 125px;
	float: left;
	margin: 10px 0 0 10px;
	padding-top: 9px;
	border-top: #999 solid 1px;
	font-size: 12px;
}
.link {
	width: 425px;
	height: 75px;
	float: left;
	margin: 10px 0 0 10px;
	padding-top: 9px;
	border-top: #999 solid 1px;
	font-size: 12px;
}

.sitemap > ul, .link > ul {
	width: 200px;
	float: left;
	margin-right: 10px;
}
.sitemap > ul > li > a, .link > ul > li > a {
	color: #999999;
}
.link ul{ display:block; overflow:hidden; width:100%;}
.link li{ float:left; width:210px;}
.contactInfo {
	width: 425px;
	height: 100px;
	overflow: hidden;
	color: #999999;
}
.contactInfo a {
	color: #999999;
}
.follow {
	width: 230px;
	height: 125px;
	margin: 10px 0 0 10px;
	float: left;
	padding-top: 9px;
	border-top: #999 solid 1px;
}
.share {
	width: 230px;
	height: 75px;
	margin: 10px 0 0 10px;
	float: left;
	padding-top: 9px;
	border-top: #999 solid 1px;
}
.share a{ cursor:pointer;}
.follow > ul {
	width: 230px;
	height: 100px;
	overflow: hidden;
}
.share> ul {
	width: 230px;
	height: 50px;
	overflow: hidden;
}
.follow > ul > li, .share > ul > li {
	float: left;
	width: 20px;
	height: 20px;
	margin: 2px 10px 5px 0;
}
.top {
	width: 425px;
	height: 75px;
	float: left;
	margin: 10px 0 0 10px;
	padding-top: 9px;
	border-top: #999 solid 1px;
	cursor: pointer;
}
.top span {
	background: url(../images/topArrow.gif) no-repeat right center;
	padding-right: 20px;
}
.footerTitle {
	font-size: 14px;
	font-weight: bold;
}
#footerFix {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1140px;
	height: 40px;
	padding-top: 15px;
	background: url(../images/footerBg.png) repeat-x;
	display: none;
	z-index: 200;
}
#footer2 {
	width: 1120px;
	margin: 0 auto;
}
.copy {
	height: 40px;
	line-height: 40px;
	font-size: 10px;
	width: 700px;
	float: left;
	margin-left: 10px;
}
.searchBtn {
	width: 160px;
	height: 30px;
	background: url(../images/searchBg.jpg) no-repeat;
	float: right;
	margin: 5px;
	position: relative;
}
.searchBtn input {
	background: none;
	border: none;
	color: #CCCCCC;
	height: 20px;
	width: 142px;
	padding: 7px 10px 3px;
}
.goSearch {
	position: absolute;
	right: 7px;
	top: 7px;
}
.memberBtn {
	float: right;
	width: 160px;
	height: 30px;
	margin: 5px;
}
/*=====================
	clearfix
=====================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*===================
	ICON圖標
=====================*/
/*黑色半透明圖標50px*/
.iconBlack50_1 ,.iconBlack50_Designer {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -5px -5px;
}
.iconBlack50_2 ,.iconBlack50_Brand ,.iconBlack50_Product {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -65px -5px;
}
.iconBlack50_3 ,.iconBlack50_Media {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -125px -5px;
}
.iconBlack50_4 ,.iconBlack50_Talk {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -185px -5px;
}
.iconBlack50_5 ,.iconBlack50_News {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -245px -5px;
}
.iconBlack50_6 ,.iconBlack50_Builders {
	width: 50px;
	height: 50px;
	background: url(../images/icon_b.png) no-repeat -305px -5px;
}
/*黑色半透明圖標25px*/
.iconBlack25_1 ,.iconBlack25_Designer {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -5px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
.iconBlack25_2 ,.iconBlack25_Brand ,.iconBlack25_Product {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -40px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
.iconBlack25_3 ,.iconBlack25_Media {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -75px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
.iconBlack25_4 ,.iconBlack25_Talk {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -110px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
.iconBlack25_5 ,.iconBlack25_News {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -145px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
.iconBlack25_1 ,.iconBlack25_Builders {
	width: 25px;
	height: 25px;
	background: url(../images/icon_b.png) no-repeat -180px -65px;
	position:absolute;
	right:10px;
	top:10px;
}
/*黑色半透明圖標20px*/
.iconBlack20_1 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -5px -100px;
}
.iconBlack20_2 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -35px -100px;
}
.iconBlack20_3 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -65px -100px;
}
.iconBlack20_4 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -95px -100px;
}
.iconBlack20_5 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -125px -100px;
}
.iconBlack20_6 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_b.png) no-repeat -155px -100px;
}
/*綠色圖標30px*/
.iconGreen30_1 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -5px -5px;
}
.iconGreen30_1_1 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -205px -5px;
}
.iconGreen30_2 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -46px -5px;
}
.iconGreen30_2_1 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -245px -5px;
}
.iconGreen30_3 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -85px -5px;
}
.iconGreen30_4 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -125px -5px;
}
.iconGreen30_5 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -165px -5px;
}
.iconGreen30_6 {
	width: 30px;
	height: 30px;
	background: url(../images/icon_g.png) no-repeat -285px -5px;
}
/*綠色圖標25px*/
.iconGreen25_1 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -5px -45px;
}
.iconGreen25_1_1 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -180px -45px;
}
.iconGreen25_2 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -41px -45px;
}
.iconGreen25_2_1 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -215px -45px;
}
.iconGreen25_3 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -75px -45px;
}
.iconGreen25_4 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -110px -45px;
}
.iconGreen25_5 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -145px -45px;
}
.iconGreen25_6 {
	width: 25px;
	height: 25px;
	background: url(../images/icon_g.png) no-repeat -250px -45px;
}
/*綠色圖標20px*/
.iconGreen20_1 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -5px -80px;
}
.iconGreen20_1_1 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -155px -80px;
}
.iconGreen20_2 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -36px -80px;
}
.iconGreen20_2_1 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -185px -80px;
}
.iconGreen20_3 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -65px -80px;
}
.iconGreen20_4 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -95px -80px;
}
.iconGreen20_5 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -125px -80px;
}
.iconGreen20_8 {
	width: 20px;
	height: 20px;
	background: url(../images/icon_g.png) no-repeat -185px -80px;
}
/*===================
	選單(共用)
=====================*/
/*縮圖*/
.listPic265 {
	width: 265px;
	height: 165px;
	overflow: hidden;
}
.listPic240 {
	width: 240px;
	height: 149px;
	overflow: hidden;
}
.listPic220 {
	width: 220px;
	height: 137px;
	overflow: hidden;
}
.listPic190 {
	width: 190px;
	height: 118px;
	overflow: hidden;
}
.listPic110 {
	width: 110px;
	height: 110px;
	overflow: hidden;
}
.listPic265 img, .listPic240 img, .listPic220 img, .listPic190 img {
	width: 100%;
	height: auto;
}
.moreBtn {
	width: 885px;
	height: 30px;
	background: #43484c;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-bottom: 15px;
	text-align:center;
	line-height:30px;
	font-size:14px;
	color:#fff;
}
.moreBtn:hover{
	background:#6e7478;
}
.changePic .pp2 {
	display: none;
}
/*文章標題*/
.listTitle {
	font-size: 14px;
}
/*推薦*/
.recomT {
	font-size: 16px;
	color: #666666;
}
/*===================
	分頁選單
=====================*/
/*Designer,Product用*/
.selectionBtn {
	width: 900px;
	height: 40px;
	overflow: hidden;
}
.selectionBtn a {
	float: left;
	margin-right: 10px;
}
/*===================
	Index
=====================*/
/*大格選單*/
.listIndex1 {
	width: 265px;
	height: 380px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
}
.listIndex1 > .listPic265 {
	padding: 10px 0;
}
.listIndex1 > .listTitle {
	height: 35px;
	line-height: 35px;
	width: 100%;
	overflow: hidden;
}
.listIndex1 > .listInfo {
	height: 50px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.listIndex1 > .listBottom {
	height: 29px;
	width: 100%;
	border-top: #999 solid 1px;
	overflow: hidden;
	padding-top: 20px;
}
.listIndex1 > .listBottom > .iconTitle {
	font-size: 30px;
	float: left;
}
.moreIndex1 {
	float: right;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 15px 0 0;
	background: url(../images/readMoreArrow.gif) no-repeat right bottom;
}
/*小格選單*/
.listIndex2 {
	width: 190px;
	height: 330px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listIndex2 > .listTitle {
	max-height: 40px;
	line-height: 20px;
	width: 100%;
	overflow: hidden;
	text-align: right;
	margin: 10px 0;
}
.listIndex2 > .listInfo {
	height: 100px;
	width: 100%;
	overflow: hidden;
}
.listIndex2 > .listBottom {
	height: 25px;
	width: 190px;
	padding: 10px 0;
	border-bottom: #999 solid 1px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	overflow: hidden;
}
.listIndex2 > .listBottom > .iconTitle {
	font-size: 20px;
	padding-top: 7px;
	line-height: 20px;
	float: left;
}
.listIndex2 > .listBottom > .icon {
	float: right;
}
/*===================
	designer
=====================*/
/*大格選單*/
.listDesigner1 {
	width: 265px;
	height: 380px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
}
.listDesigner1 > .listTitle {
	border-bottom: #999999 solid 1px;
	line-height: 40px;
	font-size: 16px;
	height:60px;
	overflow:hidden;
}
.tCompany {
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	overflow:hidden;
}
.listDesigner1 > .listPic265 {
	padding: 10px 0;
}
.listDesigner1 > .listInfo {
	height: 100px;
	width: 100%;
	overflow: hidden;
	line-height: 20px;
}
.listDesigner1 > .listBottom {
	margin-top: 5px;
}
.listDesigner1 > .listBottom > a {
	float: right;
	width: 95px;
	display: block;
}
.listDesigner1 > .listBottom > a > .iconGreen30_1,.iconGreen30_6 {
	float: right;
	margin-left: 5px;
}
.moreDesigner1 {
	padding: 10px 0 0 0;
	font-size: 12px;
}
/*大格選單2*/
.listDesigner3 {
	width: 265px;
	height: 310px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 0px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listDesigner3 > .listPic265 {
	padding: 10px 0;
}
.listDesigner3 > .listTitle {
	border-top: #999999 solid 1px;
	padding: 10px 0 0;
	font-size: 16px;
	width: 100%;
	max-height: 60px;
	line-height: 20px;
	overflow: hidden;
}
.listDesigner3 > .listBottom > a {
	position: absolute;
	right: 10px;
	bottom: 5px;
	width: 95px;
}
.listDesigner3 > .listBottom > a > .iconGreen30_1_1, .listDesigner3 > .listBottom > a > .iconGreen30_3, .listDesigner3 > .listBottom > a > .iconGreen30_4 {
	float: right;
}
.viewNum {
	height: 40px;
	line-height: 40px;
}
/*小格選單*/
.listDesigner2 {
	width: 190px;
	height: 265px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listDesigner2 > .iconTitle {
	font-size: 24px;
	height: 25px;
}
.listDesigner2 > .listPic190 {
	padding: 10px 0;
}
.listDesigner2 > .listBottom {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 190px;
	border-bottom: #999999 solid 1px;
}
.listDesigner2 > .listBottom > a {
	width: 90px;
	float: right;
}
.listDesigner2 > .listBottom > a > .iconGreen25_1,.iconGreen25_6 {
	float: right;
}
.listDesigner2 > .listBottom > a > .moreDesigner1 {
	padding: 7px 0px 0 0;
}
/*小格選單2*/
.listDesigner4 {
	width: 190px;
	height: 280px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listDesigner4 > .listTitle {
	width: 100%;
	max-height: 60px;
	line-height: 20px;
	overflow: hidden;
}
.listDesigner4 > .date1 {
	width: 180px;
	height: 20px;
	line-height: 20px;
	background: #373D41;
	border-radius: 5px;
	padding: 0 5px;
	margin: 10px 0;
}
.listDesigner4 > .listBottom {
	width: 190px;
	height: 30px;
	padding-bottom: 10px;
	border-bottom: #999999 solid 1px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.listDesigner4 > .listBottom > a {
	float: right;
	width: 95px;
}
.listDesigner4 > .listBottom > a> .iconGreen30_1_1, .listDesigner4 > .listBottom > a> .iconGreen30_3, .listDesigner4 > .listBottom > a> .iconGreen30_4 {
	float: right;
}
.listDesigner4 > .listBottom > a > .moreDesigner1 {
	padding: 15px 5px 0 0;
	line-height: 15px;
}
/*小格選單3*/
.listDesigner5 {
	width: 190px;
	height: 205px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
}
.listDesigner5 > .listTitle {
	width: 100%;
	height: 50px;
	margin-bottom: 5px;
	overflow: hidden;
}
.listDesigner5 > .listBottom {
	width: 190px;
	height: 20px;
	padding-bottom: 10px;
	border-bottom: #999999 solid 1px;
}
.listDesigner5 > .listBottom > a {
	width: 80px;
	float: right;
}
.listDesigner5 > .listBottom > a > .iconGreen20_1_1 {
	float: right;
}
.listDesigner5 > .listBottom > a > .moreDesigner1 {
	padding: 5px 5px 0 0;
	line-height: 15px;
}
/*設計師介紹界大圖區塊*/
.viewportDesigner {
	width: 885px;
	height: 550px;
	margin-bottom: 30px;
	position: relative;
}
.designer {
	position: absolute;
	right: 30px;
	bottom: 30px;
	background: url(../images/bbg80.png);
	width: 300px;
	height: 405px;
	padding: 10px;
	border-radius: 5px;
	z-index: 2;
}
.pDesigner {
	width: 300px;
	height: 187px;
	overflow: hidden;
	margin-bottom: 10px;
}
.designer >h1 {
	font-size: 18px;
	height: 25px;
}
.contactInfo1 {
	width: 300px;
	height: 125px;
	overflow: hidden;
}
.contactInfo1 > .tt {
	float: left;
	width: 45px;
}
.contactInfo1 > .ww {
	float: left;
	width: 240px;
}
.designer > .functionBtn {
	margin-top: 5px;
	padding-top: 5px;
	border-top: #666 solid 1px;
}
/*設計師介紹頁*/
.contentDesigner {
	width: 865px;
	padding: 10px;
	border-radius: 5px;
	background: #4C5256;
	min-height: 200px;
	margin-bottom: 15px;
}
.contactDesigner {
	width: 865px;
	padding: 10px;
	border-radius: 5px;
	background: #43484C;
	min-height: 200px;
	margin-bottom: 15px;
}
.contactDesignerT {
	padding-bottom: 10px;
	border-bottom: #666 solid 1px;
}
.contactDesignerC {
	width: 865px;
	overflow: hidden;
	margin-top: 10px;
}
/*作品頁相關*/
.introductionWork, .relativeWork {
	width: 885px;
	margin-bottom: 40px;
}
.workTitle {
	border-bottom: #999999 solid 1px;
	height: 25px;
	padding: 10px 0;
	margin-bottom: 9px;
}
.workTitle1 {
	float: left;
	background: #CCC;
}
.workTitle > .functionBtn {
	float: right;
}
.introductionWork > .workContent {
	min-height: 125px;
}
.moreDesigner2 {
	width: 55px;
	float: right;
}
.moreDesigner2 > a > .iconGreen20_1,.moreDesigner2 > a > .iconGreen20_2 {
	float: right;
	margin: 2px 0 3px 5px;
}
.relatedD > li {
	float: left;
	height: 165px;
}
.relatedD_content {
	margin-left: 20px;
	width: 600px;
	overflow: hidden;
	line-height: 30px;
}
.relatedD_content > h1 {
	font-size: 18px;
}
.relatedD_content > h2 {
	line-height: 40px;
}
/*===================
	product
=====================*/
/*淺灰選單*/
.listProduct1 {
	width: 190px;
	height: 290px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;	
	position:relative;
}
.listProduct1 > .iconTitle{
	font-size:22px;
	height:25px;
}
.listProduct1 > .iconBlack25_2{
	position:absolute;
	right:10px;
	top:10px;
}
.listProduct1 > .listTitle{
	font-size:16px;
	padding-top:20px;
	height:75px;
	overflow:hidden;
}

.listProduct1 > .listPic190{
	padding:20px 0 10px;
}
.moreProduct1{	
	width:190px;
	height:20px;
	display:block;
	line-height:20px;
	text-align:center;
	background:#999;
	border-radius: 5px;
}

/*淺灰選單2*/
.listProduct3 {
	width: 265px;
	height: 290px;
	float: left;
	overflow: hidden;
	background: #ccc;
	margin: 0 15px 0px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listProduct3> .listTitle{
	font-size:16px;
	line-height:20px;
	max-height:40px;
	width:220px;
	margin-bottom:10px;
}
.listProduct3> .listPic220{
	position:absolute;
	bottom:10px;
	left:10px;
}
.listProduct3> .listInfo{
	line-height:20px;
	width:220px;
	height:80px;
	overflow:hidden;
	
}
.listProduct3> .listBottom{
	position:absolute;
	top:10px;
	right:5px;
	border-left:#ddd solid 1px;
	width:35px;
	height:35px;
	padding:255px 0 0 5px;	
}
.pT1{
	background:url(../images/product/product2.jpg) no-repeat 5px 0;
}
.pT2{
	background:url(../images/product/product3.jpg) no-repeat 5px 0;
}
.pT3{
	background:url(../images/product/product4.jpg) no-repeat 5px 0;
}
.listProduct3 >.listBottom >.moreProduct2{
	width:35px;
	height:36px;
	background:url(../images/product/moreBg2.png) no-repeat center;
}
.listProduct3> .viewNum{
	line-height:20px;
	width:220px;
	height:20px;
	margin-bottom:3px;
}

/*深灰選單*/
.listProduct2 {
	width: 265px;
	height: 195px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listProduct2 >.listTitle{
	width:220px;
	height:50px;
	margin-bottom:8px;
	font-size:16px;
}
.listProduct2 > .listBottom{
	position:absolute;
	top:10px;
	right:5px;
	border-left:#999 solid 1px;
	width:35px;
	height:35px;
	padding:160px 0 0 5px;
	background:url(../images/product/product.jpg) no-repeat 5px 0;
}
.moreProduct2{
	width:35px;
	height:36px;
	background:url(../images/product/moreBg.png) no-repeat center;
}
.moreProduct2 a{
	display:block;
	text-align:center;
	line-height:35px;
	font-size:11px;
}

/*深灰選單2*/
.listProduct4 {
	width: 190px;
	height: 290px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listProduct4 > .iconTitle {
	font-size: 22px;
	height: 25px;
}
.listProduct4 > .iconGreen25_2_1,.listProduct4 > .iconGreen25_3,.listProduct4 > .iconGreen25_4{
	position:absolute;
	right:10px;
	top:10px;
}
.listProduct4 > .listTitle{
	font-size:16px;
	padding-top:20px;
	line-height:20px;
	max-height:60px;
	overflow:hidden;
}

.listProduct4 > .listPic190{
	position:absolute;
	bottom:40px;
	left:10px;
}
.listProduct4 > .listBottom{
	position:absolute;
	bottom:10px;
	left:10px;
}
.listProduct4 > .listBottom > .moreProduct1{
	background:#373d41;
}

/*廠商介紹大圖區塊*/
.viewportProduct {
	width: 885px;
	height: 550px;
	margin-bottom: 30px;
	position: relative;
}
.product{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bbg80.png);
	width: 280px;
	height: 530px;
	padding: 10px;
	z-index: 2;
}
.product > .functionBtn{
	position:absolute;
	left:10px;
	bottom:10px;
	border-top:#444 solid 1px;
	padding-top:10px;
	width:280px;	
}
.product > h1{
	font-size:18px;
	margin:10px 0;
}
.pProduct{
	width:280px;
	height:80px;
}
.pProduct img{
	height:100%;
	width:auto;
}
.productInfo{
	max-height:150px;
	overflow:hidden;	
}

.contactInfo2 {
	border-top:#444 solid 1px;
	width: 280px;
	height: 150px;
	overflow: hidden;
	padding-top:10px;
	margin-top:10px;
}
.contactInfo2 > .tt {
	float: left;
	width: 45px;
}
.contactInfo2 > .ww {
	float: left;
	width: 235px;
}

/*===================
內頁相關設計師/廠商
=====================*/
.contactInfoAll {
	width: 600px;
	height: 100px;
	overflow: hidden;
	line-height:24px;
}
.contactInfoAll > .tt {
	float: left;
	width: 45px;
}
.contactInfoAll > .ww {
	float: left;
	width: 555px;
}
/*===================
	作品集/產品大圖
=====================*/
.viewportWork {
	width: 885px;
	height: 550px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
a.bPrev{ height:498px; width:420px; display:block; overflow:hidden; position:absolute; z-index:1000; top:0px; left:0px; cursor:pointer}
a.bPrev:hover{background: url(../images/bPrev.png) 10px 232px no-repeat;}

a.bNext{ height:498px; width:420px; display:block; overflow:hidden; position:absolute; z-index:1000; top:0px; right:0px; cursor:pointer;}
a.bNext:hover{background: url(../images/bNext.png) 374px 232px no-repeat;}

.photo {
	width: 885px;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.photo li {
	width: 885px;
	height: 500px;
	background: #000000;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.photo li div {
	display: none;
}
.controlBar {
	width: 885px;
	height: 30px;
	background: #CCCCCC;
	border-radius: 0 0 5px 5px;
	position: relative;
}
.casename {
	position: absolute;
	top: 0px;
	left: 0;
	background: #007733;
	height: 40px;
	line-height: 20px;
	width: 200px;
	padding: 0 10px;
	overflow: hidden;
	letter-spacing: 0;
	font-size: 14px;
	border-radius: 0 0 0 5px;
	color:#FFF;
}
.casenameBgR {
	position: absolute;
	left: 210px;
	top: 0px;
}
.pageNum {
	margin-left: 270px;
}
.pageNum li {
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 5px 1px;
	font-size: 12px;
	text-align: center;
	color: #000000;
	cursor: pointer;
}
.pageNum li.on {
	color: #31A344;
}
.bInfo {
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0px;
	display: none;
}
.showInfo {
	display: block;
}
.info {
	width: 885px;
	height: 500px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.contentInfo {
	width: 865px;
	height: 100px;
	padding: 10px;
	background: url(../images/bbg80.png);
	position: absolute;
	left: 0;
	bottom: -200px;
}
.infoW {
	width: 865px;
	height: 75px;
	overflow: hidden;
	font-size: 12px;
}

/*===================
	MEDIA
=====================*/
.viewportVideo {
	width: 885px;
	height: 550px;
	margin-bottom: 30px;
}
.viewportVideon {
        width: 885px;
        height: 601px;
        margin-bottom: 30px;
}

.video {
	width: 885px;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.video li {
	position: absolute;
	top: 0;
	left: 0;
}

.listMedia1{
	width: 415px;
	height: 180px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position:relative;
}

.listMedia1 > .listTitle{
	padding-top:35px;
	width:165px;
	max-height:75px;
}
.listMedia1 > .listPic240{
	position:absolute;
	right:10px;
	bottom:10px;
}

.listMedia1 > .listBottom{
	position:absolute;
	left:10px;
	bottom:10px;
	line-height:20px;
	width:165px;
}
.listMedia1 > .listBottom > a >.iconGreen20_3{
	float:left;
	margin-right:5px;
}
.date2{
	width:415px;
	height:25px;
	background:url(../images/media/dateBg.png) repeat-x top;
	position:absolute;
	left:0;
	top:10px;
	padding:0 10px;
	
}

.listMedia2{
	width: 190px;
	height: 260px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px 5px 0 0;
	position:relative;
}
.listMedia2 > .listTitle{
	max-height:50px;
	overflow:hidden;
}
.listMedia2 > .listBottom{
	position:absolute;
	left:0px;
	bottom:5px;
	line-height:35px;
	width:265px;
	padding:0 10px;
	background:url(../images/media/moreBg.png);
}
.listMedia2 > .listBottom > a >.iconBlack20_3{
	float:left;
	margin:7px 5px 0 0;
}
.date3{
	float:right;
	font-size:10px;
}

/*影片頁面*/
.viewportVideo2{
	width: 885px;
	height: 530px;
	margin-bottom: 30px;
	position:relative;
}
.videoName{
	width:750px;
	height:30px;
	line-height:30px;
	border-radius: 0 0 5px 5px;
	padding:0 125px 0 10px;
	background:#007733;
	font-size:16px;
	overflow:hidden;
}
.viewportVideo2 > .viewNum{
	position:absolute;
	right:10px;
	bottom:0px;
	line-height:30px;
	height:30px;
}
/*===================
	talk
=====================*/
.articlClass{
	width:865px;
	height:30px;
	border-radius:5px;
	overflow:hidden;
	background:#43484c;
	margin-bottom:15px;
	padding:0 10px;
	line-height:30px;
}
.articlClass > .iconTitle{
	font-size:18px;
	float:left;
}
.articlClass > ul{
	float:left;
	height:14px;
	line-height:14px;
	margin:8px 0;
}
.articlClass > ul >li{
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:#999 solid 1px;
}
.articlClass > ul >li.on > a{
	color:#31a344;
}
/*大格選單*/
.listTalk1 {
	width: 265px;
	height: 380px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
}
.listTalk1 > .listTitle {
	height: 40px;
	line-height: 20px;
	overflow:hidden;
}

.listTalk1 > .listPic265 {
	padding: 10px 0;
}
.listTalk1 > .listInfo {
	height: 100px;
	width: 100%;
	overflow: hidden;
	margin-bottom:10px;
	
}
.listTalk1 > .listBottom > a {
	float: right;
	width: 95px;
	display: block;
}
.listTalk1 > .listBottom > a > .iconGreen25_4 {
	float: right;
	margin-left: 5px;
}
.date4{
	font-size:10px;
	line-height:20px;
}


/*小格選單*/
.listTalk2 {
	width: 190px;
	height: 250px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listTalk2 > .listTitle {
	height: 60px;
	line-height:20px;
	font-size:13px;
	overflow:hidden;
}
.listTalk2 > .listBottom > .iconTitle {
	font-size: 20px;
	height: 25px;
	float:left;
}

.listTalk2 > .listBottom {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 190px;
}
.listTalk2 > .listBottom > a {
	width: 90px;
	float: right;
}
.listTalk2 > .listBottom > a > .iconBlack20_4 {
	float: right;
}
.listTalk2 > .listBottom > a > .iconGreen20_4 {
	float: right;
}
.date5{
	width:170px;
	height:20px;
	padding:0 10px;
	margin:10px 0; 
	line-height:20px;
	background:url(../images/bbg50.png);
	border-radius: 5px;
	text-align:right;
	font-size:10px;
}

/*===================
	news
=====================*/
.articlClass2{
	width:865px;
	height:30px;
	border-radius:0 0 5px 5px;
	overflow:hidden;
	background:#43484c;
	margin-bottom:15px;
	padding:0 10px;
	line-height:30px;
	border-top:#666 solid 1px;
}
.articlClass2 > .iconTitle{
	font-size:18px;
	float:left;
}
.articlClass2 > ul{
	float:left;
	height:14px;
	line-height:14px;
	margin:8px 0;
}
.articlClass2 > ul >li{
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:#999 solid 1px;
}
.articlClass2 > ul >li.on > a{
	color:#31a344;
}

.listNews1{
	width: 415px;
	height: 190px;
	float: left;
	overflow: hidden;
	background: #cccccc;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position:relative;
}
.listNews1 > .listPic240{
	float:left;
}
.listNews1 > .date1{
	float:right;
	width:165px;
}
.listNews1 > .listTitle{
	float:right;
	width:165px;
	height:50px;
	overflow:hidden;
}
.listNews1 > .listInfo{
	float:right;
	width:165px;
	height:75px;
	overflow:hidden;
}

.listNews1 > .listBottom{
	width:100%;
	border-top:#999 solid 1px;
	float:left;
	margin-top:10px;
}
.listNews1 > .listBottom > a >.iconGreen20_3{
	float:left;
	margin-right:5px;
}
.moreNews1 {
	float: right;
	height: 15px;
	line-height: 15px;
	padding:15px 15px 0 0;
	background: url(../images/readMoreArrow2.gif) no-repeat right bottom;
}


.listNews2 {
	width: 190px;
	height: 340px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.listNews2 > .iconTitle {
	height: 20px;
	font-size:20px;
	float:left;
	line-height:20px;
	margin-bottom:10px;
}
.date6{
	height:20px;
	width:100px;
	padding-right:5px;
	text-align:right;
	line-height:20px;
	font-size:10px;
	float:right;
}
.listNews2 > .iconBlack20_5 {
	float:right;
}
.listNews2 > .listPic190 {
	padding:10px 0;
	border-top:#999 solid 1px;
}
.listNews2 > .listTitle {
	width:100%;
	height: 40px;
	line-height:20px;
	font-size:13px;
	overflow:hidden;
}
.listNews2 > .listInfo {
	width:100%;
	height: 100px;
	line-height:20px;
	font-size:13px;
	overflow:hidden;
	margin:10px 0 0;
}
.listNews2 > .listBottom > .iconTitle {
	font-size: 20px;
	height: 25px;
	float:left;
}

.listNews2 > .listBottom {
	border-top:#999 solid 1px;
	line-height:20px;
}

.listNews2 > .listBottom >a >.moreNews1 {
	margin:0;
	padding:7px 15px 0 0;
}

.viewportNews{
	width:885px;
	height:500px;
	margin-bottom:40px;
}

/*===================
	search
=====================*/
.search{
	width:865px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	border-radius: 5px;
	background:#CCC;
	margin-bottom:15px;
	padding:0 10px;
}

.listSearch {
	width: 190px;
	height: 270px;
	float: left;
	overflow: hidden;
	background: #6e7478;
	margin: 0 15px 15px 0;
	padding: 10px;
	border-radius: 5px;	
	position:relative;
}
.listSearch > .iconTitle{
	font-size:20px;
	height:25px;
}
.listSearch > .iconBlack25_1,.listSearch > .iconBlack25_2,.listSearch > .iconBlack25_3,.listSearch > .iconBlack25_4,.listSearch > .iconBlack25_5{
	position:absolute;
	right:10px;
	top:10px;
}
.listSearch > .listPic190{
	padding:10px 0;
}
.date7{
	font-size:10px;
}
.listSearch > .listBottom{
	position:absolute;
	bottom:10px;
	left:10px;
}
.listSearch > .listTitle{
	font-size:13px;
	max-height:60px;	
	line-height:20px;
	overflow:hidden;
}
.moreSearch{	
	width:190px;
	height:20px;
	display:block;
	line-height:20px;
	text-align:center;
	background:#373d41;
	border-radius: 5px;
}

/*會員*/
#memberBox{
	position:fixed;
	bottom:-340px;
	left:50%;
	z-index: 100;
	margin-left:230px;
	width:340px;
	height:240px;
}
#memberBox2{
	position:fixed;
	bottom:-340px;
	left:50%;
	z-index: 100;
	margin-left:180px;
	width:390px;
	height:240px;
	background:url(../images/member/member2.png);
	overflow:hidden;
}
#memberBox2 .boxtitle{ height:46px; overflow:hidden; margin-top:20px;}
#memberBox2 .boxtitle a{ display:block; height:26px; width:26px; float:right;margin-top:17px; margin-right:27px;}
#memberBox2 h3{ font-size:14px; color:#000; margin-top:20px; margin-left:36px; font-weight:bold; overflow:hidden; padding-right:40px;}
.memberNav{ padding-left:15px; padding-top:21px;}
.memberNav a ,.memberNav .button{ width:100px; height:20px; line-height:20px; float:left; overflow:hidden; background:#535759; color:#ffffff; text-align:center;border-radius:10px; margin-left:15px; margin-bottom:20px; font-size:12px; border:0px;}
.memberNav a.green{ background:#007733}
.memberNav a.green1{ background:#88c897}


#viewportMember{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	background:url(../images/bbg80.png);
	z-index:500;
}
/*影片頁相關*/
.introductionMedia {
	width: 885px;
	padding: 10px 0px;
	border-radius: 0px 0px 5px 5px;
	background: #cccccc;
	min-height: 200px;
	margin-bottom: 40px;
}
.introductionMedia > .mediaContent {
	min-height: 125px;
	color:#333;
	padding:0px 10px;
}
.mediaContent p{ padding-bottom:18px;}
.mediaTitle {
	border-bottom: #dadada solid 1px;
	padding-top:1px;
	height: 29px;
	margin-bottom: 9px;
	background:#999999;
}
.mediaTitle > .functionBtn {
	float: right;
}
.relativeMedia {
	width: 885px;
	padding: 10px 0px;
	border-radius: 0px 0px 5px 5px;
	background: #52575a;
	min-height: 200px;
	margin-bottom: 40px;
}
.mediaTitle2 {
	border-bottom: #7d8286 solid 1px;
	border-top: #7d8286 solid 1px;
	height: 28px;
	margin-bottom: 9px;
	background:#373d41;
}
.mediaContent2 {
	min-height: 125px;
	padding:5px 10px;
	overflow:hidden;
}
.mediaD_content {
	width: 580px;
	float:left;
	overflow:hidden;
	position:relative;
}
.mediaD_content .Designer{ position:absolute; overflow:hidden;bottom:15px; right:0px;}
.mediaD_content .Builders{ position:absolute; overflow:hidden;bottom:15px; right:0px;}
.mediaD_content .Designer a{ display:block;height:20px; line-height:20px; overflow:hidden; padding-right:25px;background: url(../images/icon_g.png) no-repeat 27px -80px;}
.mediaD_content .Builders a{ display:block;height:20px; line-height:20px; overflow:hidden; padding-right:25px;background: url(../images/icon_g_builders.png) no-repeat 27px -80px;}
.mediaD_content .Brand{ position:absolute; overflow:hidden;bottom:15px; right:0px;background: url(../images/icon_g.png) no-repeat -4px -80px;}
.mediaD_content .Brand a{ display:block;height:20px; line-height:20px; overflow:hidden; margin-right:25px; background:#52575a;}

.contactInfoMedia {
	height: 150px;
}
.contactLine {
	border-bottom:1px solid #95999c;  margin-bottom:15px; padding-bottom:15px;
}

/*名人有約頁相關*/
.introductionTalk {
	width: 885px;
	margin-bottom: 20px;
}
.introductionTalk > .talkContent {
	min-height: 125px;
	color:#cccccc;
	padding:10px 0px;
}
.talkTitle {
	height: 40px;
	margin-bottom: 9px;
	background:#cccccc;
	border-radius:5px;
	padding:10px;
}
.talkTitle > .functionBtn {
	float: right;
	color:#2e3438;
}
.talkTitle h1{ color:#000; font-size:18px; height:22px; width:100%; overflow:hidden;}
.talkTitle .adddate{ float:left; color:#666666; font-size:10px;}
.talkTitle2 {
	border-bottom: #999999 solid 1px;
	border-top: #999999 solid 1px;
	padding:1px 0px;
	height: 28px;
	margin-bottom: 9px;
	background:#43484c;
}

.relativeTalk {
	width: 885px;
	margin-bottom: 40px;
}
.TalkContent2 {
	min-height: 125px;
	padding:5px 0px;
	overflow:hidden;
}
.talkD_content {
	width: 600px;
	float:left;
	overflow:hidden;
	position:relative;
}
.talkD_content .Designer{ position:absolute; overflow:hidden;bottom:15px; right:0px;}
.talkD_content .Builders{ position:absolute; overflow:hidden;bottom:15px; right:0px;}
.talkD_content .Designer a{ display:block;height:20px; line-height:20px; overflow:hidden; padding-right:25px;background: url(../images/icon_g.png) no-repeat 27px -80px;}
.talkD_content .Builders a{ display:block;height:20px; line-height:20px; overflow:hidden; padding-right:25px;background: url(../images/icon_g_builders.png) no-repeat 27px -80px;}
.talkD_content .Brand{ position:absolute; overflow:hidden;bottom:15px; right:0px;background: url(../images/icon_g.png) no-repeat -4px -80px;}
.talkD_content .Brand a{ display:block;height:20px; line-height:20px; overflow:hidden; margin-right:25px; background:#373d41;}


.aboutRoute {
	width: 865px;
	height: 25px;
	overflow: hidden;
	text-align: right;
	color: #999999;
	padding:0px 10px;
	margin-bottom:7px;
}
.aboutRoute a {
	color: #31A344;
}
.aboutRoute a.home {
	padding-left: 25px;
	background: url(../images/readMoreArrow.gif) no-repeat left 3px;
}

.aboutTitle{ font-size:14px; border-top:1px solid #999999; border-bottom:1px solid #999999; height:28px; line-height:28px; background:#43484c; color:#ffffff; padding:0px 10px; margin-bottom:15px;}
.aboutContent {
	width: 865px;
	padding: 10px;
	border-radius:5px;
	background: #6e7478;
	color:#cccccc;
	min-height: 100px;
	margin-bottom: 40px;
	line-height:25px;
}
.aboutContent p{ line-height:25px; padding-bottom:25px;}
.aboutContent strong ,.aboutContent b{ font-weight:bold;}


/*新聞連線頁相關*/
.introductionNews {
	width: 885px;
	margin-bottom:40px;
	background:#cccccc;
	border-radius:5px;
}
.introductionNews > .newsContent {
	min-height: 125px;
	color:#2e3438;
	padding:10px;
	line-height:25px;
	padding-top:20px;
}
.newsContent p{ line-height:25px; padding-bottom:25px;}
.newsContent strong{ color:#000;}
.newsTitle {
	height: 40px;
	background:#535759;
	border-radius:5px 5px 0px 0px;
	padding:10px;
}
.newsTitle > .functionBtn {
	float: right;
	color:#fff;
}
.newsTitle h1{ color:#ffffff; font-size:18px; height:22px; width:100%; overflow:hidden;}
.newsTitle .adddate{ float:left; color:#cccccc; font-size:10px;}


.introductionNews1 {
	width: 885px;
	margin-bottom:40px;
}
.introductionNews1 > .newsContent1 {
	background:#cccccc;
	border-radius:0px 0px 5px 5px;
	overflow:hidden;
	padding:25px;
	padding-right:0px;
}
.newsTitle1 {
	height: 40px;
	background:#535759;
	border-radius:5px 5px 0px 0px;
	line-height:40px;
}
.newsTitle1 h1{ color:#ffffff; font-size:16px;width:100%; overflow:hidden; margin-left:10px;background: url(../images/news_icon.jpg) no-repeat 0px 8px; padding-left:35px;}
.listNews3{ width:415px; height:149px; float:left; overflow:hidden; color:#535759; border-right:1px solid #999999; margin-right:25px;}
.listNews3 .pic{ width:240px; height:149px; overflow: hidden; float:left; margin-right:15px;}
.listNews3 .pic img{width:240px; height:149px;}
.listNews3 .des{ width:140px; padding-right:20px; float:left;}
.listNews3 .newslink{ height:80px; overflow:hidden; line-height:1.5em;}
.listNews3 .newslink a{ color:#535759;}
.listNews3 .newstitle{ height:50px; overflow:hidden; line-height:25px;}
.listNews3 .newstitle a{ color:#000000;}
.listNews3 .newsdate{ line-height:25px; color:#fff; text-align:right; font-size:12px;}
.voteBox{ margin:0px 10px; padding-bottom:20px; overflow:hidden; width:885px;}
.listVoteTitle{ height:2px; overflow:hidden; background:#999999; width:865px;}
.listVote{ width:260px; height:110px; padding:10px; float:left; background:#373d41;border-radius:5px; margin-top:20px; margin-right:12px;position: relative;}
.listVote > .listPic110{ float:left; margin-right:10px;}
.listVote > .listTitle{ float:left; width:140px; line-height:25px; height:70px; overflow:hidden; color:#ffffff;}
.listVote > .listBottom{ height:20px; width:140px; overflow:hidden; padding-top:20px;}
.listBottom > .viewVote{ float:left; font-size:12px; color:#cccccc;}
.viewVote span{ color:#31a344}
.listBottom >.voteBotton{ float:right; overflow:hidden;}
.voteBotton input{ width:40px; height:20px; background:#007733; border:0px; color:#fff;border-radius:2px;}

.introductionNewsMsg {
	width: 885px;
	margin-bottom:40px;
}
.introductionNewsMsg > .newsMsgContent {
	background:#cccccc;
	border-radius:0px 0px 5px 5px;
	overflow:hidden;
	padding:10px;
	color:#2e3438;
}
.mstTitle {
	height: 40px;
	background:#535759;
	border-radius:5px 5px 0px 0px;
	line-height:40px;
}
.mstTitle h1{ color:#ffffff; font-size:16px;width:100%; overflow:hidden; margin-left:10px;background: url(../images/msg_icon.jpg) no-repeat 0px 8px; padding-left:35px;}

.msgForm{ overflow:hidden}
.msgForm h3{ font-size:14px; color:#2e3438; margin-bottom:6px;}
.msgForm textarea{ width:98%; height:60px;border-radius:3px; border:0px; font-size:12px; padding:10px; margin:0px; float:left;}
.msgForm input{ width:100px; height:20px; border:0px; background:#007733; color:#fff;border-radius:10px; margin-top:10px;}
.msgList{ overflow:hidden;}
.msgList h3{ border-bottom:2px solid #939393; color:#2e3438; font-size:14px; padding-bottom:7px; padding-top:25px;}

.listMsg1 {
	padding:10px 0px;
	min-height:90px;
	border-bottom:1px dotted #808080;
	overflow:hidden;
}

.listMsg1 .avatar{ width:70px; float:left; overflow:hidden; margin-right:20px;}
.listMsg1 .listMsgCon{ width:775px; float:left; overflow:hidden;}
.listMsgCon h4{ font-size:14px; color:#000000; line-height:25px; overflow:hidden; position:relative;}
.listMsgCon h4 a{ color:#007733; position:absolute; top:2px; right:0px;}

.moreBtnMsg {
	width: 865px;
	height: 20px;
	background: #43484c;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-bottom: 15px;
	text-align:center;
	line-height:20px;
	font-size:14px;
	color:#fff;
}
.moreBtnMsg:hover{
	background:#6e7478;
}