@charset "utf-8";

/* CSS Document */

/************************************************************/

/************************************************************/

body, html{

	font-size:13px;

	font-family: Arial, "微軟正黑體";

}

#breadcrumbs {

	color: #FF3F00;

	font-size: 13px;

	word-spacing:5px;

	position:absolute;

	right:60px;

	top:-25px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#breadcrumbs span {

	color: #502C13;

	text-decoration: none;

}

#breadcrumbs img {

	vertical-align: middle;

	padding: 0px 5px;

	margin-bottom:2px;

}

#breadcrumbs a, #breadcrumbs a:visited {

	color: #666666;

	text-decoration: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#breadcrumbs a:hover {

	color: #502C13;

	text-decoration: none;

}

/**************************************************************/

/**************************************************************/

#main{

	width:1063px;

	margin:0 auto;

	padding:0px;

	position:relative;

    padding-right: 32px;

}

#banner{

    min-width:1095px;

    margin: 0 auto;

}

/**************************************************************/

/**************************************************************/

#title_box{

    width: 100%;

    height: 80px;

    background: #E4E4E4;

}

#title_box .title{

    width: 1095px;

    margin: 0 auto;

}

#title_box .left_title{

    width: 223px;

    height: 59px;

    background: url('../images/leftnav/leftnav_bg.jpg')no-repeat;

    display: block;

    padding: 21px 0 0 27px;

    float: left;

}

#title_box a{

    width: 80px;

    height: 80px;

    display: block;

    background: url('../images/home.jpg')no-repeat;

    float: right;

}

#title_box a:hover{

    background: url('../images/home_.jpg')no-repeat;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

/**************************************************************/

/**************************************************************/



#leftside{

	width:204px;

	float: left;

	position:relative;

}

#leftside #title{

	position:relative;

}

#leftside .btn{

    padding-top: 10px;

}

/**************************************************************/

/**************************************************************/

#rightside{

	width:760px;

	float: right;

    position: relative;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.top_title{

    width: 760px;

	font-size:18px;

	font-weight:bold;

	color:#333333;

	border-bottom:#CCC 1px solid;

/*    text-align: center;*/

    letter-spacing:2px;

    margin-top: 23px;

	margin-bottom:40px;
	padding-bottom:10px;
	line-height:23px;

}

/*.top_title:before , .top_title:after{

    content: '';

    width: 9px;

    height: 17px;

    display: inline-block;

    background: url('../images/title_line.jpg') 0 3px no-repeat;

}

.top_title:before{

    margin-right: 13px;

}

.top_title:after{

    margin-left: 10px;

}*/

/**************************************************************/

/**************************************************************/

#con_title{

	font-size:12px;

	color:#555555;

	margin-bottom:15px;

}

#con_title a, #con_title a:visited{

	color:#555555;

	text-decoration:none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#con_title a:hover{

	color:#FB2F2F;

	text-decoration:none;

}

#con_title span{

	color:#FB2F2F;

}

#con_title i{

	font-weight:bold;

	margin:0 5px;

}

/**************************************************************/

/**************************************************************/

.name_top{

    font-size: 15px;

    font-weight: bold;

    color: #FFF;

    line-height: 1.6;

    padding: 1px 10px 1px 15px;

    background: url(../images/products/bg.jpg) repeat-y;

    margin-bottom: 20px;

}

/**************************************************************/

/**************************************************************/



#conbody{

    color: #6C6C6C;

    width: 760px;

	line-height: 1.7;

	font-size: 14px;

	margin: 0 auto;

}

.fancybox-slide_wrap .slide_name{

        position: absolute;
    /*top:-30px;*/
	bottom:100%;
    left: 0px;

    font-size: 19px;

    line-height: 26px;

    font-family: '微軟正黑體';

    padding-left: 28px;

    color: #FFF;

    background: url(../images/name.png) left center no-repeat;
	padding-right:100px;

}
.footer_menu{
    margin-top: 70px;
}