@charset "utf-8";
/* CSS Document */
/***普通通用*********************************************************/
p {
	margin: 5px;
	padding: 0px;
}
img {
	border: 0px;
}
.clear {
	zoom: 1;
	clear: both;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.bold {
	font-weight: bold;
}
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
	font-size: 13px;
	color:#666666;
}
/***頁頭範圍************************************************************************************************/
/***上列按鈕*********************************************************/
#top_btn {
	position: absolute;
	z-index: 1;
	right: 25px;
	top: 3px;
	width: 272px;
	background-color: #EEEEEE;
}
#top_btn .s01{ color:#CA1533; font-weight:bold; font-size:16px}
/***上列按鈕*********************************************************/
/***頁頭********************************************************/
#header_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image:url(../data/wrapper/header_bg.jpg);
}
#header {
	width: 1000px;
	height: 155px;
	margin: 0 auto;
	position: relative;
}
/***頁頭********************************************************/
/***商標*********************************************************/
#logo {
	position: absolute;
	z-index: 1;
	left: 25px;
	top: 35px;
}
/***商標*********************************************************/
/***社群*********************************************************/
#community {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 79px;
	left: 897px;
	top: 63px;
}
/***社群*********************************************************/
/***頁頭範圍************************************************************************************************/
/***主視圖範圍**********************************************************************************************/
/***主視圖******************************************************/
#ad_box {
	width: 100%;
	height: 278px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: center;
	background-image:url(../data/wrapper/banner_in.jpg);
}
#ad {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
/***主視圖******************************************************/
/***主視圖範圍**********************************************************************************************/

/***主要內容範圍**********************************************************************************************/
/***主要內容******************************************************/
#main_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color:#FFF;

}
#main {
	width: 1000px;
	height: auto;
	position: relative;
	margin: 0 auto;
}
#leftside {
	width: 200px;
	height: auto;
	margin: 0px 0px 20px 0px;
	float: left;
}
#left_title {
	width: 200px;
	height: 119px;
	padding-top:97px;
	margin: 0px 0px 10px 0px;
	float: left;
	background-image: url(../data/wrapper/left_title_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#rightside {
	width: 762px;
	height: auto;
	margin: 0px 0px 40px 0px;
	float: right;
}
#title {
	width: 723px;
	height: 47px;
	margin: 15px 0px 0px 0px;
	padding: 10px 0 0 39px;
	float: right;
	background-image: url(../data/wrapper/title_bg.jpg);
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
}
#p {
	width: 100%;
    margin: 5px;
    max-width: 200px;

}
#title img{
	vertical-align:middle;
}
#title_sub {
	width: 723px;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 0px 0 0 25px;
	float: left;
	font-size: 13px;
	color: #666666
}
#title_sub a {
	color: #666666;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#title_sub a:hover {
	color: #CA1633;
	text-decoration: none;
}

/***麵包屑*********************************************************/
#breadcrumbs {
	text-align: right;
	color: #777777;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: -13px;
	z-index: 1;
	width: 157px;
}
#breadcrumbs span {
	color: #999999;
}
#breadcrumbs img {
	padding: 0px 2px 0 0;
}
#breadcrumbs a {
	color: #777777;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#breadcrumbs a:visited {
	color: #777777;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #900;
	text-decoration: none;
}
/***麵包屑*********************************************************/

/***主要內容******************************************************/
/***主要內容******************************************************/
/***右側浮動*********************************************************/
#right_float{
	position: absolute;
	z-index: 5;
	/*bottom: 200px;
	right: -150px;
	width: 130px;
	height: auto;*/
}
#right_float .pic{
	width: 100%;
	height:auto;
	display:block;
	float:left;
	margin-bottom:5px;
}


/***右側浮動*********************************************************/
/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/footer/bg.png);
}
#footer_box .footer {
	position: relative;
	width: 1000px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 16px;
}
#footer_box .qr {
	position: absolute;
	z-index: 1px;
	top: 71px;
	left: 900px;
	width: 83px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .gotop {
	position: absolute;
	z-index: 1px;
	top: -19px;
	left: 908px;
	width: 60px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .community {
	position: absolute;
	z-index: 1px;
	top: 0px;
	right: 25px;
	width: auto;
	height: auto;
}
#footer_box .menu {
	width: 970px;
	height: 26px;
	padding: 10px 0px 5px 30px;
	float: right;
	text-align: left;
	color: #FFFFFF;
	letter-spacing: 2px;
}
#footer_box .menu a {
	color: #FFFFFF;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .menu a:hover {
	COLOR: #FFDE1D;
	TEXT-DECORATION: none;
}
#footer span {
	COLOR: #777E8E;
}
#footer_box .info {
	width: 1000px;
	height: auto;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #B1B4BE;
	line-height: 25px;
	letter-spacing: 1px;
}
#footer_box .info_logo {
	width: 171px;
	height: 53px;
	float: left;
	padding: 40px 0 0 0;
	border-right:1px #333333 solid;
	text-align:center;
}
#footer_box .info_1 {
	width: 239px;
	height: 53px;
	float: left;
	padding: 40px 0 0 0;
	border-right:1px #333333 solid;
	text-align:center;
}
#footer_box .info_1 span {
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	
	
	}
#footer_box .info_2 {
	width: 400px;
	height: auto;
	float: left;
}
#footer_box .copyright {
	width: 455px;
	height: auto;
	float: right;
	text-align: left;
	color: #AAA;
	position: absolute;
	z-index: 5;
	left: 436px;
	top: 92px;
	letter-spacing: 2px;
}
#footer_box .copyright a {
	color: #AAA;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .copyright a:hover {
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
/***頁底*********************************************************/
body{
    position: relative;
    min-width: 1440px;
}
#right_float{
    position: absolute;
    left:50%;
    margin-left: 550px;
    top: 180px;
    width: 130px;
    opacity: 0;
}