.all {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}
.all_bg {
	background-image: url(../image/bg/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
.all_bg-main {
	background-image: url(../image/bg/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.all_flash {
	position:absolute;
	left: 208px;
	top: 559px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BAA388;
	width: 589px;
}
.all_tex {color: #BAA388;}
.all_main {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.main_970 {float: left;
	width: 970px;}
.main {
	float: left;
	width: 940px;
	padding-right: 30px;
}
.main_flash {
	float: right;
	height: 140px;
	width: 885px;
}
.main_0 {
	width: 940px;
	float:left
}
.button {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.--------------------------------新首頁{}
.index_1 {
	background-image: url(../image/bg/new_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BAA388;
}
.index_2 a {color: #BAA388;}
.index_2 a:hover {color: #BAA388;}
.index_3 {
	color: #505050;
}


.--------------------------------共用內頁左邊{}
.main_1 {
	float:right;
	margin-right: 15px;
	margin-top: 20px;
	width: 156px;
}
.mainitem_1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000000;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float: right;
	width: 120px;
	padding-left: 6px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.mainitem_1 a:link {color: #FFFFFF;text-decoration: none;}
.mainitem_1 a:visited {color: #FFFFFF;text-decoration: none;}
.mainitem_1 a:hover {
	color: #999999;
	text-decoration: none;
}

.mainitem_2 {}
.mainitem_3 {}
.--------------------------------共用內頁右邊{}
.main_2 {
	float:right;
	background-image: url(../image/bg/main_2.jpg);
	background-repeat: repeat-y;
	width: 696px;
}
.main_2-2 {
	background-image: url(../image/bg/main_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 696px;
}
.main_2-3 {
	background-image: url(../image/bg/main_3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 696px;
	padding-bottom: 10px;
}
.main_2-4 {
	float: left;
	width: 696px;
}
.main_2-4 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DFDFDF;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.--------------------------------麵包削{}
.mbs {
	float: left;
	width: 696px;
	text-align: right;
	height: 30px;
}
.mbs ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 15px;
}
.mbs ul li {
	float: right;
	color: #FFFFFF;
	font-weight: bold;
}
.mbs ul li a:link {
	text-decoration: none;
	color: #ABABAB;
	font-weight: normal;
}
.mbs ul li a:visited {font-weight: normal;text-decoration: none;color: #ABABAB;}
.mbs ul li a:hover {font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
.--------------------------------作品集{}
#porfolio {
	float: left;
	width: 100%;
	padding-top: 25px;
}
.porfolio_1 {
	float: left;
	height: 235px;
	width: 200px;
	background-color: #2a2a2a;
	text-align: center;
	margin-bottom: 15px;
	margin-right: 8px;
	margin-left: 8px;
}
.porfolio_2 {
	text-align: center;
	background-image: url(../image/line/13_gray_14.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.porfolio_3 {

}
.porfolio_3 a:hover { filter:alpha(opacity=50);opacity:0.7;zoom:1;}
.porfolio_4 {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
}
.porfolio_4 a:link {color: #FFFFFF;text-decoration: none;}
.porfolio_4 a:visited {color: #FFFFFF;text-decoration: none;}
.porfolio_4 a:hover {
	color: #999999;
	text-decoration: none;
}
.porfolio_5 {
	border: 1px solid #454545;
}
.porfolio_6 {}
.porfolio_6-1 {
	float: left;
	text-align: center;
	width: 590px;
	background-color: #2a2a2a;
	border: 2px solid #2a2a2a;
}
.porfolio_6-2 {
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 50px;
}
.porfolio_6-3 {
	float: left;
	height: 45px;
	width: 45px;
	background-color: #333333;
	border: 1px solid #494949;
	cursor: pointer;
}
.porfolio_7 {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.porfolio_8 {
	float: left;
	width: 590px;
	margin-top: 10px;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
}
.porfolio_9 {}
.--------------------------------設計文章專欄{}
#design {
	float: left;
	width: 625px;
	background-image: url(../image/main/design.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
	height: 500px;
}
#design2 {
	float: left;
	width: 625px;
	background-image: url(../image/main/design.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
}
#design-n {
	float: left;
	width: 625px;
	background-image: url(../image/main/news.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
	height: 475px;
}
#design-n2 {
	float: left;
	width: 625px;
	background-image: url(../image/main/news.jpg);
	background-repeat: no-repeat;
	background-position: 480px bottom;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
}
.design_1 {
	float: left;
	width: 490px;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.design_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
	width: 35px;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 10px;
}
.design_2n {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
	width: 35px;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 10px;
}
.design_2p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
	width: 35px;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 10px;
}
.design_3 {
	color: #FFFFFF;
	float: left;
	width: 440px;
}
.design_3 a:link {color: #FFFFFF;text-decoration: none;}
.design_3 a:visited {color: #FFFFFF;text-decoration: none;}
.design_3 a:hover {
	color: #999999;
	text-decoration: none;
}
.design_4 {
	color: #CCCCCC;
}
.design_5 {}
.--------------------------------線上問答{}
#faq {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.faq_1 {
	float: left;
	width: 99%;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.faq_2 {
	float: left;
	background-image: url(../image/icon/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90%;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #9B9B9B;
	padding-top: 18px;
	padding-bottom: 10px;
}
.faq_3 {
	float: left;
	width: 90%;
	background-image: url(../image/icon/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	line-height: 18px;
}
.faq_4 {}
.faq_5 {}
.--------------------------------連絡我們{}
#contact {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
	background-image: url(../image/main/contact.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contact_4in1-1 {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.contact_4in1-2 {
	float: left;
	width: 312px;
	padding: 2px;
	background-color: #666666;
	border: 2px solid #484848;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 3px;
}
.contact_4in1-2 a:hover { filter:alpha(opacity=50);opacity:0.7;zoom:1;}
.contact_4in1-3 {}
.contact_4in1-4 {}

.contact_1 {
	float: left;
	width: 420px;
	margin-bottom: 10px;
}
.contact_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	float: left;
	width: 80px;
	padding-right: 5px;
}
.contact_3 {
	float: left;
	width: 320px;
	background-image: url(../image/line/13_gray_13.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}
.contact_4 {
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #515151;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #000000;
}
.contact_5 {
	float: left;
	width: 70%;
	margin-bottom: 20px;
	padding-left: 90px;
}
.--------------------------------網站導覽{}
#map {
	background-image: url(../image/main/map.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.map_1 {
	float: left;
	width: 210px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.map_2 {
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	width: 90%;
	margin-bottom: 7px;
	font-size: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000000;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.map_3 {
	color: #CCCCCC;
	float: left;
	padding-left: 20px;
	width: 90%;
	background-image: url(../image/line/13_gray_16.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.map_3 a:link {color: #CCCCCC;text-decoration: none;}
.map_3 a:visited {color: #CCCCCC;text-decoration: none;}
.map_3 a:hover {
	color: #666666;
	text-decoration: none;
}
.map_4 {
	font-size: 11px;
	font-weight: normal;
}
.--------------------------------線上試算{}
#forum {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.forum_1 {
	float: left;
	width: 970px;
}
.forum_1-1 {
	float: left;
	width: 835px;
	background-image: url(../image/forum/forum_2.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.forum_1-2 {
	float: right;
}
.forum_2 {
	float: left;
	width: 970px;
}
.forum_3 {
	float: left;
	width: 970px;
	padding-top: 25px;
	padding-bottom: 35px;
}
.forum_4 {
	background-image: url(../image/forum/forum_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 748px;
	padding-right: 17px;
	padding-left: 70px;
}
.forum_4 .a1 {
	padding-right: 17px;
	padding-left: 70px;
	float: left;
}
.forum_4-1 {
	float: left;
	width: 100%;
	height: 57px;
	color: #FFFFFF;
	text-align: left;
}
.forum_4-1 ul {
	padding-left: 120px;
	padding-right: 10px;
	padding-top: 12px;
}
.forum_4-2 {
	float: left;
	color: #FFFF00;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.forum_4-2a {
	float: left;
	color: #919191;
	width: 100%;
	background-image: url(../image/forum/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
.forum_4-2a a {
	color: #FFFF00;
}
.forum_4-2a a:hover {
	color: #6699FF;
}
.forum_4-3 {float: left;
	width: 100%;}
.forum_4-4 {
	float: left;
	background-image: url(../image/forum/left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 183px;
}
.forum_4-4a {
	float: left;
	width: 133px;
	padding-top: 30px;
	padding-left: 50px;
}
.forum_4-4a ul {
	text-align: left;
	float: left;
}
.forum_4-4a ul li {
	background-image: url(../image/forum/icon.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	float: left;
	width: 110px;
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
	color: #CBCBCB;
	padding-bottom: 15px;
}
.forum_4-4a ul li a {color: #CBCBCB;}
.forum_4-4a ul li a:hover {
	color: #FFFF00;
}
.forum_4-4a ul li.cy{
	color: #FFFF00;
}
.forum_4-4a ul li.my{
	background-image: url(../image/forum/icon2.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	color: #CBCBCB;
}
.forum_4-5 {
	float: right;
	text-align: left;
	width: 560px;
}
.forum_5 {
	background-color: #484848;
	float: left;
	height: 221px;
	width: 273px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.forum_5-1 {
	text-align: center;
	padding-top: 2px;
}
.forum_5-1 a:hover { filter:alpha(opacity=50);opacity:0.7;zoom:1; }
.forum_5-2 {
	color: #FFFFFF;
	float: left;
	width: 100%;
	padding-top: 12px;
	text-align: center;
}
.forum_5-2 a{color: #FFFFFF;}
.forum_5-2 a:hover{
	color: #CCCCCC;
}
.forum_5s {
	background-color: #484848;
	float: left;
	height: 148px;
	width: 181px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.forum_5s-1 {
	text-align: center;
	padding-top: 2px;
}
.forum_5s-1 a:hover { filter:alpha(opacity=50);opacity:0.7;zoom:1; }
.forum_5s-2 {
	color: #FFFFFF;
	float: left;
	width: 100%;
	padding-top: 6px;
	text-align: center;
}
.forum_5s-2 a{color: #FFFFFF;}
.forum_5s-2 a:hover{
	color: #CCCCCC;
}

.forum_5b {
	background-color: #484848;
	float: left;
	width: 555px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 10px;
}
.forum_5b-1 {
	text-align: center;
	padding-top: 2px;
}
.forum_5b-1 a:hover { filter:alpha(opacity=50);opacity:0.7;zoom:1; }
.forum_5b-2 {
	color: #FFFFFF;
	float: left;
	width: 100%;
	text-align: left;
}
.forum_5b-2 ul {
	padding: 15px;
}
.forum_5b-2 ul li {}
.forum_5b-2 ul li.tex1 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.forum_5b-2 ul li.tex2 {
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.forum_5b-2 ul li.tex3 {
	color: #8B8B8B;
	line-height: 20px;
}


.forum_6 {
	background-image: url(../image/forum/title2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	float: left;
	height: 28px;
	width: 560px;
}
.forum_6 ul {
	padding-top: 5px;
	font-weight: bold;
}
.forum_7 {
	text-align: right;
	float: left;
	width: 540px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.forum_8 {
	float: left;
	width: 100%;
	background-image: url(../image/forum/left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.forum_8-0 {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.forum_8-0a {
	float: right;
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
}
.forum_8-0b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FFFF00;
}
.forum_8-0c {
	font-size: 15px;
	font-weight: bold;
}
.forum_8-0d {
	color: #999999;
	text-align: left;
	float: right;
	width: 550px;
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
}
.forum_8-0d a {
	font-weight: bold;
	color: #FFCC00;
}
.forum_8-0d a:hover {
	color: #6699FF;
}

.forum_8-1 {
	float: left;
	width: 100%;
	background-image: url(../image/forum/title3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 28px;
	margin-bottom: 10px;
}
.forum_8-1 ul {
	padding-top: 7px;
	font-weight: bold;
}

.forum_8-2 {
	background-color: #484848;
	float: left;
	width: 360px;
	padding: 2px;
	margin-bottom: 10px;
	margin-right: 8px;
}
.forum_8-2a {	float: left;}
.forum_8-2b {
	float: right;
	width: 230px;
	text-align: left;
}
.forum_8-2b ul {
	padding-top: 3px;
	line-height: 16px;
}
.forum_8-2b ul li {}
.forum_8-2b ul li.f8-1 {
	font-weight: bold;
}
.forum_8-2b ul li.f8-2 {
	background-image: url(../image/line/13_gray_10.gif);
	background-repeat: repeat-x;
	background-position: center;
	line-height: 5px;
	width: 215px;
}
.forum_8-2b ul li.f8-3 {
	color: #848484;
}
.forum_8-2b ul li.f8-4 {
	float: right;
	padding-right: 10px;
}
.forum_8-2b ul li.f8-5 {}

.forum_8-3 {float: left;
	width: 100%;}
.forum_9 {
	float: left;
	width: 100%;
}
.forum_9 ul {
	text-align: left;
}
.forum_10 {
	float: right;
	width: 450px;
}
.--------------------------------下方{}
.btm {
	float: right;
	width: 940px;
	text-align: right;
	padding-top: 25px;
	padding-bottom: 50px;
}
.btm_1 {
	float: right;
	width: 940px;
	margin-bottom: 10px;
}
.btm_1 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.btm_1 ul li {
	float: right;
}
.btm_1 ul li a:link {text-decoration: none;color: #FFFFFF;}
.btm_1 ul li a:visited {text-decoration: none;color: #FFFFFF;}
.btm_1 ul li a:hover {
	text-decoration: none;
	color: #999999;
}
.btm_2 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BAA388;
	width: 700px;
}