@charset "utf-8";
/* CSS 201004a version 01 */
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:11px;
	color:#707070;
	-webkit-text-size-adjust:none;
	position:relative;
	background:#d0e7dd;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
div.spacer {
	margin:0;
	padding:0;
	clear:both;
	width:0;
	height:0;
	font-size:0em;
	overflow:hidden;
}
/* layout */
div.wrap {
	width: 980px;
    min-height: 560px;
    margin: 108px auto 0 auto;
    background-color: #fff;
    box-shadow: 0 0 8px 0 #000;
}
div.mainContent {
	width: 960px;
    min-height: 540px;
    margin: 10px auto 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
/* layout footer */
div.footer {
	width:1098px;
	overflow:hidden;
	margin:20px auto 0 auto;
	height:20px;
	color:#999999;
	font-size:11px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
div.footer span {
	margin-right:15px;
}
div.footer span a {
	color:#999999;
}
div.footer span a:hover {
	text-decoration:underline;
}
/*layout maincontent */
div.ctop{
	padding:40px 0 0 40px;
	width: 100%;
    box-sizing: border-box;
}
div.logo {
	width:120px;
	height:120px;
	overflow:hidden;
	border:solid 1px #f1f1f1;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	float:left;
	margin-right:25px;
}
div.logo img {
	max-width:120px;
	max-height:120px;
}
div.name-cont {
	float:left;
}
div.name-cont h3{
	font-weight:normal;
}
div.name-cont h3.company {
	font-size:36px;
	font-family:微軟正黑體,Arial, Helvetica, sans-serif;
}
div.name-cont h3.companyus{
	font-size:30px;
}
body.bg01 div.name-cont h3{
	color:#347f5d;
}
body.bg02 div.name-cont h3{
	color:#713f17
}
body.bg03 div.name-cont h3{
	color:#1c6f88;
}
body.bg04 div.name-cont h3{
	color:#447c14;
}
body.bg05 div.name-cont h3{
	color:#88880f;
}
body.bg06 div.name-cont h3{
	color:#351678;
}
div.cleft{
	padding: 0 0 0 40px;
	margin-top:38px;
	width:429px;
	height:302px;
}
div.cleft .int{
	padding-left:60px;
	min-height:41px;
	margin-bottom:35px;
}
div.cleft .int h4{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
body.bg01 div.cleft .int h4{
	color:#8dbaa6;
}
body.bg02 div.cleft .int h4{
	color:#a09076;
}
body.bg03 div.cleft .int h4{
	color:#89aebb;
}
body.bg04 div.cleft .int h4{
	color:#a3c884;
}
body.bg05 div.cleft .int h4{
	color:#c9c779;
}
body.bg06 div.cleft .int h4{
	color:#ae9ccc;
}
div.cleft .int p{
	font-size:14.58px;
	color:#666666;
}
div.cleft .int p a{
	color:#666666;
}
div.tel {
	background:url(../img/system/www/tel_icon.png) no-repeat left 3px;
}
div.fax {
	background:url(../img/system/www/fax_icon.png) no-repeat left 3px;
}
div.email {
	background:url(../img/system/www/mail_icon.png) no-repeat left 3px;
}
div.address {
	background:url(../img/system/www/address_icon.png) no-repeat left 3px;
}
div.cmiddle{
	width:1px;
	background:#d7d7d7;
	height:302px;
	float:left;
	margin-top:38px;
	display:none;
}
div.cright{
	float: left;
    margin-top: 38px;
    padding-left: 55px;
    margin-bottom: 38px;
    width: 380px;
    border-left: 1px solid #d7d7d7;
    
}
div.descr-cont {
	width: 100%;
    /* height: 302px; */
    /* overflow: hidden; */
    position: relative;
    font-size: 14.58px;
    line-height: 20px;
}
body.bg06 div.descr-cont{
	color:#666666;
}