@charset "utf-8";

/* CSS Document */

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

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

body {

	background: url(../images/body_bg_in.jpg)top center no-repeat,url(../images/body_bg_in2.jpg);

}

body, html{

	font-size:13px;

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

}
#header_box{

	line-height:17px;
}

#breadcrumbs_box {

	width: 100%;

	height: 35px;

	background: rgba(0,0,0,0.8);

	bottom: 0px;

}

#breadcrumbs {

	color: #7D664C;

	font-size: 13px;

	line-height:20px;

	height: 20px;

	font-weight: normal;

	word-spacing:5px;

	padding:0 5px;

	position:absolute;

	right:10px;

	top:100px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#breadcrumbs span {

	color: #7D664C;

	text-decoration: none;

}

#breadcrumbs img {

	vertical-align: middle;

	padding: 0px 5px;

	margin-bottom:2px;

}

#breadcrumbs a, #breadcrumbs a:visited {

	color: #7D664C;

	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: #E73501;

	text-decoration: none;

}

#breadcrumbs i{

    margin: 0 5px;

}

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

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

#main_box {

	padding:70px 10px 0px 10px;

}

#main{

	width:1000px;

	margin:0 auto;

	padding:30px 0px 30px 0px;

	position:relative;

}

#banner_box{

    width: 1000px;

    height: 350px;

    margin: 0 auto;

    margin-bottom: 25px;

    padding-top: 15px;

    background: url(../images/banner/bg_in.png)no-repeat;

    position:relative;

}

#banner{

    width: 970px;

    height: 320px;

    overflow: hidden;

    margin: 0 auto;

-webkit-border-radius: 30px;

-moz-border-radius: 30px;

border-radius: 30px;

}

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

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

#leftside{

	width:204px;

	float: left;

	position:relative;

}

#leftside #title{

	position:relative;

    margin-bottom: 30px;

}

#leftside:hover #title{

    transform:rotate(3deg);

}

#leftside .btn{

    padding-top: 10px;

}

#leftside:after{

    content: '';

    width: 204px;

    height: 159px;

    display: block;

    background: url(../images/leftnav/bottom.png)no-repeat;

    position: absolute;

    left: 0;

    bottom: -190px;

}

#rightside{

	width:738px;

	float: right;

    /*background: url(../images/main_bg.jpg);*/

    position: relative;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}

#rightside #title{

    color: #FF8533;

    font-size: 15px;

    font-weight: bold;

	position:relative;

    line-height: 1.6;

    margin-bottom: 15px;

}

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

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

.main_title{

    width: 742px;

	height:77px;

	font-size:17px;

	font-weight:bold;

	color:#502C13;

    padding-left: 30px;

	line-height:1.6;

	letter-spacing:1px;

}

.conbody_title{

    font-size: 18px;

    font-weight: bold;

    color: #E73501;

    padding-bottom: 10px;

    background: url(../images/title_line.png)left bottom no-repeat;

    margin-bottom: 20px;

}

/*.top_title{

    width: 742px;

	height:77px;

	margin-bottom:20px;

	font-size:17px;

	font-weight:bold;

	color:#502C13;

    padding-left: 30px;

	line-height:1.6;

	border-bottom:#CCC 1px solid;

	letter-spacing:1px;

	background:url(../images/about/title.png) 0 4px no-repeat;

}*/

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

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

#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 {

    width: 742px;

    min-height: 878px;

    background: url(../images/main_bg.jpg);

    padding: 20px 20px 85px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-border-bottom-right-radius: 15px;

    -webkit-border-bottom-left-radius: 15px;

    -moz-border-radius-bottomright: 15px;

    -moz-border-radius-bottomleft: 15px;

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

}

#conbody{

    font-size: 16px;

    color: #7D664C;

	line-height: 1.7;

	margin: 0 auto;

}