@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體", Arial;
	color: #333;
	outline:none!important;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

form,h1,h2,h3,h4,h5,h6,ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	

}



#header .logobar .logo {
	float: left;
}
#header .logobar {

}
#header .logobar .sq {
	display: table;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#header .logobar .sq .rightbar {
	float: right;
	width: auto;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
#header .logobar .sq .rightbar .langu a {
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;	
}


#header .logobar .sq .rightbar .langu a:hover {
	color: #C7381C;
}

#header .logobar .sq .rightbar .langu a:last-child {
	border-right-style: none;
	
}

#header .logobar .sq .rightbar .serchbar {
	display: table;
	margin-top: 10px;
}
#header .logobar .sq .rightbar .serchbar form input {
	height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: rgba(255,255,255,0);
}
#header .logobar .sq .rightbar .serchbar form input[type='submit'], #header .logobar .sq .rightbar .serchbar form input[type='button'] {
	background-color: rgba(255,255,255,0);
	background-image: url(../images/search_icon.jpg);
	background-position: center top;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#header .logobar .sq .rightbar .serchbar form input[type='text'],#header .logobar .sq .rightbar .serchbar form input[type='search']{
	
	padding-left:10px;
	outline:none!important;
	
	}



#header .logobar .sq .rightbar .serchbar form {
	height: 30px;
	width: auto;
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
	outline: none!important;
	box-shadow: 0 0 3px #999 inset;
}
#header .logobar .sq .rightbar .serchbar .iconpart {
	float: right;
	height: 32px;
	width: auto;
}
#header .logobar .sq .rightbar .serchbar .iconpart a {
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 15px;
	display: block;
}
#header .logobar .sq .rightbar .serchbar .iconpart .member {
	background-image: url(../images/icon_member.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#header .logobar .sq .rightbar .serchbar .iconpart .fb {
	background-image: url(../images/icon_fb.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#header .menubar {
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 42px;
	width: 100%;
}
#header .menubar .sq {
	height: 42px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#header .menubar .sq ul {
	float: right;
	height: 42px;
	width: auto;
	display: table;
}
#header .menubar .sq ul li {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 42px;
}
#header .menubar .sq ul li a {
	line-height: 42px;
	color: #FFF;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
}
#wrapper #banner {
	background-image: url(../images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 418px;
	width: 100%;
	position: relative;
}
#wrapper #footer {
	background-color: #D9D9D9;
	padding-top: 50px;
}
#wrapper #mainpart .sq {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#mainpart .sq .index_news {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#mainpart .sq.index  h2 {
	font-size: 15pt;
	line-height: 20pt;
	font-weight: normal;
	color: #333;
	margin-bottom: 15px;
}
#mainpart .sq.index  h2 span{
	color: #AA0700;	
}
#mainpart .sq.index .index_news ul {
	display: table;
	width: 100%;
}
#mainpart .sq.index .index_news ul li {
	float: left;
	width: 24.8%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

#mainpart .sq.index .index_news ul li:last-child {
	float: left;
	width: 24.8%;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #666;

}

#mainpart .sq.index .index_news ul li .picp {
	margin: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#mainpart .sq.index .index_news ul li .picp img {
	height: auto;
	width: 100%;
}
#mainpart .sq.index .index_news ul li .text {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	height: 109px;
	overflow: hidden;
}
#mainpart .sq.index .index_news ul li .text h3 {
	font-size: 12pt;
	line-height: 22px;
	font-weight: bold;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
	color: #333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height:44px;
	overflow:hidden;
}
#mainpart .sq.index .index_news ul li .text p {
	font-size: 11pt;
	line-height: 20px;
	color: #999;
	margin: 0px;
	padding: 0px;
	max-height: 60px;
	overflow: hidden;
}
#mainpart .sq.index .index_news ul li .text p a:before {
	content:"...";
	color: #666;
}
#mainpart .sq.index .index_news ul li .text h3 a {
	color: #333;
}
#mainpart .sq.index .threebut {
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
#mainpart .sq.index .threebut ul {
	display: table;
	height: auto;
	width: 100%;
}
#mainpart .sq.index .threebut ul li {
	float: left;
	width: 33%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #F0F0F0;
	position: relative;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#mainpart .sq.index .threebut ul li:hover {
	float: left;
	width: 33%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #FFF;
	position: relative;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#mainpart .sq.index .threebut ul li .picp {
	margin: 15px;
	float: left;
	opacity:0.6;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#mainpart .sq.index .threebut ul li:hover .picp {
	margin: 15px;
	float: left;
	opacity:1;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#mainpart .sq.index .threebut ul li .text {
	height: 116px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 156px;
	padding-right: 20px;
}
#mainpart .sq.index .threebut ul li .text h3 {
	font-size: 18pt;
	line-height: 24pt;
	font-weight: normal;
	color: #AA0700;
	margin-top: 20px;
}
#mainpart .sq.index .threebut ul li .text p {
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	margin: 0px;
}
#mainpart .sq.index .threebut ul li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#mainpart .sq.index .newproduct,#mainpart .product {
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
#mainpart .sq.index .newproduct ul,#mainpart .product ul {
	height: auto;
	width: 100%;
	display: table;
}
#mainpart .sq.index .newproduct ul li,#mainpart .product ul li {
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: 10px;
}
#mainpart .sq.index .newproduct ul li .picp,#mainpart .product ul li .picp {
	margin: 20px;
	position: relative;
	box-shadow: 0 0 5px #999;
	overflow: hidden;
}
#mainpart .sq.index .newproduct ul li .picp img,#mainpart .product ul li .picp img{
	height: auto;
	width: 100%;
}
#mainpart .sq.index .newproduct ul li .picp .imgpart,#mainpart .product ul li .picp .imgpart {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index:100;
}

#mainpart .sq.index .newproduct ul li .picp .imgpart:before,#mainpart .product ul li .picp .imgpart:before {
content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#mainpart .sq.index .newproduct ul li .picp .imgpart img,#mainpart .product ul li .picp .imgpart img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
   width: auto;
  height: auto;

}
#mainpart .sq.index .newproduct ul li .picp .textp ,#mainpart .product ul li .picp .textp{
	color: #FFF;
	background-color: rgba(0,0,0,0.7);
	left: 0px;
	bottom:-100%;
	z-index: 200;
	position: absolute;
	width: 100%;
	height: auto;
	opacity:0;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mainpart .sq.index .newproduct ul li:hover .picp .textp ,#mainpart .product ul li:hover .picp .textp{

	left: 0px;
	bottom:0;

	opacity:1;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mainpart .sq.index .newproduct ul li .picp .textp div,#mainpart .product ul li .picp .textp div{
	
	padding: 15px;
}
#mainpart .sq.index .newproduct ul li .picp a.link,#mainpart .product ul li .picp a.link {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 300;
}
#mainpart .sq.index h2 a {
	font-size: 11pt;
	line-height: 20px;
	color: #FFF;
	background-color: #AA0700;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom:3px;
	padding-left: 10px;
	border-radius:10px;
}
#wrapper #footer .sq {
	display: table;
	height: auto;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#footer .sq .webmap {
	float: left;
	height: auto;
	width: 55%;
}
#footer .sq .webmap .list ul {
	float: left;
	height: auto;
	width: 33%;
	margin-bottom: 20px;
}
#footer .sq .webmap  .list ul li {
	text-align: left;
	margin-bottom: 4px;
	color: #000000;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
#footer .sq .webmap  .list ul li a {
	color: #333;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#footer .sq .webmap  .list ul li a:hover {
	color: #AA0700;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#footer .sq .infomation {
	float: left;
	width: 45%;
	text-align: left;
}
#footer .sq .infomation span {
	display: block;
	padding-left: 20px;
	margin-bottom: 5px;
}
#footer .sq .infomation h2 {
	font-size: 15pt;
	line-height: 20pt;
	color: #000;
	padding-left: 20px;
}
#footer .copyright {
	height: 42px;
	width: 100%;
	margin-top: 50px;
	background-color: #666;
	color: #FFF;
	font-size: 11pt;
	line-height: 42px;
}
#footer .copyright .sq {
	line-height: 42px;
	color: #FFF;
	text-align: center;
	height: 42px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .sq.index .index_news ul li .text h3 a:hover {
	color: #AA0700;
}
#banner .slide {
	height: 418px;
	width: 1200px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	outline:none!important;
}
#footer .sq .webmap .community {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
#footer .sq .webmap .list {
	display: block;
	width: 100%;
}
#footer .sq .webmap .community ul {
	float: right;
	height: auto;
	width: auto;
}
#footer .sq .webmap .community ul li.g_plus a {
	background-image: url(../images/g_plus.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 43px;
	width: 43px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
}

#footer .sq .webmap .community ul li.fb a {
	background-image: url(../images/fb.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 43px;
	width: 43px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
}


#footer .sq .webmap .community ul li.p a {
	background-image: url(../images/p.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 43px;
	width: 43px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
}
#footer .sq .webmap .community ul li.twitter a {
	background-image: url(../images/twitter.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 43px;
	width: 43px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-size:100% 100%;
	
}


#footer .sq .webmap .community ul li {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
#wrapper .gotop {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 30px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 3000;
}
#wrapper .gotop a {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	width: 30px;
	opacity:0.7;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#wrapper .gotop a:hover {
	
	opacity:1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#banner .slide ul li a, #banner .slide ul li a img, #banner .slide ul li {
	outline:none!important;
}
.slick-prev{
	height: 59px;
	width: 36px;
	position: absolute;
	top: 40%;
	background-image: url(../images/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	left: 2%;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	z-index: 1000;
	background-color: rgba(0,0,0,0);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none;
	}
.slick-next{
	height: 59px;
	width: 36px;
	position: absolute;
	top: 40%;
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	right: 2%;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	z-index: 1000;
	background-color: rgba(0,0,0,0);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none;
	}
	
	
#ccleft {
	background-color: rgba(0,0,0,0.8);
	float: left;
	width: 100%;
	position: absolute;
	z-index: 3500;
	top: 100%;
	left: 0px;
	height:auto!important;
	opacity:1; 
	overflow:hidden;
	display:none;
	/*
	background-color: rgba(0,0,0,0.8);
	float: left;
	width: 100%;
	position: absolute;
	z-index: 3500;
	top: 100%;
	left: 0px;
	height:0px;
	opacity:0;
	overflow:hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	*/
}


#ccleft.stay {
	background-color: rgba(0,0,0,0.8);
	float: left;
	width: 100%;
	position: absolute;
	z-index: 3500;
	top: 100%;
	left: 0px;
	height:auto!important;
	opacity:1; 
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#ccleft .tag {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	height: auto;
	width: 40px;
	top: 50px;
	right: -40px;
	color: #FFF;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#ccleft .tag a {
	display: block;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #FFF;
	width: 20px;
	height: auto;
}
#ccleft .list {
	padding: 20px;

}
#ccleft .list ul li .picp {
	float: left;
	height: 60px;
	width: 60px;
}
#ccleft .list ul li {
	display: table;
	height: auto;
	width: 21%;
	margin-bottom: 15px;
	padding-bottom: 5px;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
#ccleft .list ul {
	height: auto;
	width: 100%;
	display: inline-table;
}
#ccleft .list ul li .text {
	    height: 60px;
    overflow: hidden;
    text-align: center;
    /* padding-left: 5px; */
    margin-right: 0px!important;
    display: -webkit-box;
    margin-left: 70px;
}




#ccleft .list ul li .text a{
	font-size: 11pt;
	line-height: 14pt;
	color: #FFF;
	 display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
   width: auto;
  height: auto;
}
#ccleft .list ul li .text table tr td {
	height: 55px;
	text-align: left;
}
#ccleft .list ul li .picp img {
	height: auto;
	width: 100%;
	border-radius:50%;
}
#mainpart .sq .roadline {
	margin-bottom: 20px;
	height: auto;
	width: 100%;
	text-align: right;
	font-size: 11pt;
	line-height: 16pt;
}
#mainpart .sq .roadline span a {
	color: #900;
}
#mainpart .sq .roadline span a:after {
	content: " < ";
	margin-right: 5px;
	margin-left: 5px;
}
#pageline {
	display: table;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#pageline div {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#pageline a {
	color: #333;
	background-color: #F0F0F0;
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
#pageline a:hover,#pageline a.stay {
	color: #FFF;
	background-color: #990000;
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
#mainpart .sq .product_class {
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
#mainpart .sq .product_class ul {
	height: auto;
	width: 100%;
	display: table;
}
#mainpart .sq .product_class ul li {
	float: right;
	width: 45%;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 2%;
	background-image: url(../images/13864623_xxl.png);
	background-repeat: no-repeat;
	background-position: right;
	box-shadow: 2px 2px 3px #666;
	background-size: auto 100%;
	background-color: #FFF;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	position: relative;
}
#mainpart .sq .product_class ul li .picp img {
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: auto;
}
#mainpart .sq .product_class ul li .text {
	padding-left: 180px;
	height: 160px;
	padding-right: 20px;
}





#mainpart .sq .product_class ul li .text div {
	height: 160px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#mainpart .sq .product_class ul li .text div:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}

#mainpart .sq .product_class ul li .text div span {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	font-size: 15pt;
	line-height: 24pt;
	color: #333;
	font-weight: bold;

}

#mainpart .sq .product_class ul li .text div span span{
	display: block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	font-size: 15pt;
	line-height: 24pt;
	color: #C00;
}









#mainpart .sq .product_class ul li .picp {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}
#mainpart .sq .product_class ul li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#header .logobar .sq .rightbar .langu .stay {
	color: #FFF;
	background-color: #900;
}

#header .logobar .sq .rightbar .langu .stay:hover {
	color: #FFF;
	background-color: #900;
}
#pinfo_main {
	display: table;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	position: relative;
}
#pinfo_main .bigpic {
	float: left;
	height: 360px;
	width: 360px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0 0 5px #666;
	padding: 15px;
	margin-left: 40px;
	display: table;
}

#pinfo_main .bigpic:before {
content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#pinfo_main .bigpic img {
	display: none;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;

}
#pinfo_main .litpic {
	float: left;
	height: auto;
	width: 72px;
	margin-right: 50px;
}
#pinfo_main .litpic ul li{
	height: 68px;
	width: 68px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	float: none;

}
#pinfo_main .litpic ul li:last-child{

	margin-bottom: 0px;


}

#pinfo_main .litpic ul li a{
	height: 68px;
	width: 68px;
	display:block
}
#pinfo_main .litpic ul li a:before {
content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#pinfo_main .litpic ul li a img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
   width: auto;
  height: auto;

}
#pinfo_main .intration {
	float: left;
	width: 600px;
}

#pinfo_main .intration h3{
	
	color: #666;

}

#pinfo_main .intration h3 span {
	font-size: 24pt;
	line-height: 30pt;
	color: #000;
	display: block;
}
#pinfo_main .intration ul {
	padding: 15px;
	list-style-type: disc!important;
}
#pinfo_main .intration ul li {
	float: none;
	margin-bottom: 5px;
	list-style-type: disc!important;
	width: auto;
	margin-left: 5%;
}
#pinfo_main .butline {
	position: absolute;
	right: 40px;
	bottom: 40px;
}
#pinfo_main .butline a {
	font-size: 11pt;
	line-height: 25px;
	color: #000;
	display: block;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	height: 25px;
	padding-right: 12px;
	padding-left: 12px;
	text-align: center;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-bottom: 5px;
		-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#pinfo_main .butline a:hover {
	color: #FFF;
	background-color: #990000;
		-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#pinfo_main .butline a .fa {
	padding-right: 5px;
	color:#000;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#pinfo_main .butline a:hover .fa {
	color:#fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#mainpart .sq .product .editarea {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: center;
}
#mainpart .sq .product .editarea img {
	margin-right: auto;
	margin-left: auto;
	max-width:100%;
	height:auto;
}
#pinfo_main .bigpic img.stay {
	display: none;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: inline-block;
}
#pinfo_main .litpic ul li.stay {
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}
#newslist {
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: table;
}
#newslist .nsq {
	float: left;
	width: 22%;
	margin-top: 15px;
	margin-right: 1.5%;
	margin-bottom: 15px;
	margin-left: 1.2%;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0 0 5px #999;
}
#newslist .nsq .picp {
	margin: 8px;
	text-align: center;
}
#newslist .nsq .picp img {
	height: auto;
	width: 100%;
}
#newslist .nsq .text {
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#newslist .nsq .text h3 {
	font-size: 13pt;
	line-height: 18pt;
	font-weight: normal;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
}
#newslist .nsq .text h3 a {
	color: #000;
}
#newslist .nsq .text .date {
	font-size: 10pt;
	line-height: 15pt;
	color: #999;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
#newslist .nsq .text p {
	font-size: 10pt;
	line-height: 16pt;
	color: #777;
	margin: 0px;
	padding: 10px;
}

#newslist .nsq .text p a {
	color: #900;	
}
#mainpart .sq .newin {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#mainpart .sq .newin .sq .picp {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 40px;
}
#mainpart .sq .newin .sq .picp img {
	padding:12px;
	box-shadow:0 0 5px #666;
}
#mainpart .sq .newin .sq .text {
	font-size: 12pt;
	line-height: 20pt;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .sq .newin .sq .fileload {
	margin-bottom: 15px;
	text-align: right;
	color: #666;
	display: table;
	width: 100%;
}
#mainpart .sq .newin .sq .fileload a {
	color: #666;
	background-color: #F0F0F0;
	display: block;
	float: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 11pt;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


#mainpart .sq .newin .sq .fileload a:hover {
	color: #FFF;
	background-color: #990000;
	display: block;
	float: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 11pt;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#mainpart .sq .newin .sq .fileload a .fa {
	margin-right: 5px;
}
#newslist .nsq .text h3 a:hover {
	color: #900;
}
#mainpart .map {
	height: 780px;
	width: 100%;
	position: relative;
}
#mainpart .map iframe {
	-webkit-filter:opacity(1);

}
#mainpart .map .area{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#mainpart .map .area .infomation {
	background-color: #FFF;
	width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#mainpart .map .area .infomation .te {
	background-color: rgba(255,255,255,0.8);
	height: 640px;
	width: 45%;
	position: absolute;
	right: 0px;
	top: 50px;
	box-shadow: 0 0 5px #666;
	padding: 20px;
}
#footer .sq .infomation span a {
	color: #333;
}
#mainpart .map .area .infomation .te h2 {
	margin-bottom: 20px;
}
#mainpart .map .area .infomation .te div span {
	display: block;
	margin-bottom: 10px;
}
#mainpart .map .area .infomation .te form fieldset {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
}
#mainpart .map .area .infomation .te form fieldset label {
	text-align: right;
	float: left;
	width: 100px;
	font-size: 11pt;
	line-height: 30px;
	height: auto;
}
#mainpart .map .area .infomation .te form fieldset div {
	padding-left: 120px;
	padding-right: 40px;
}
#mainpart .map .area .infomation .te form fieldset div input[type=text] {
	font-size: 11pt;
	line-height: 30px;
	height: 30px;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}
#mainpart .map .area .infomation .te form fieldset div textarea {
	width: 100%;
}
#mainpart .map .area .infomation .te form fieldset .code input[type="text"] {
	width: 60px;
	margin-right: 10px;
	float: left;
}
#mainpart .map .area .infomation .te form fieldset .code img {
	float: left;
}
#mainpart .map .area .infomation .te form fieldset input[type="submit"] {
	color: #FFF;
	background-color: #900;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 40px;
	line-height: 35px;
	height: 35px;
	float: right;
	width: 80%;
	cursor: pointer;
}
#fileload {
	width: 100%;
	margin-top: 20px;
}
#fileload .file_left {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: right;
	display: table;
	margin-bottom: 20px;
}
#fileload .file_left ul li a {
	line-height: 30px;
	color: #FFF;
	background-color: #666;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#fileload .file_left ul {
	display: table;
	float: right;
	height: auto;
	width: auto;
}
#fileload .file_left ul li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#fileload .file_left ul .stay a {
	color: #FFF;
	background-color: #900;
}
#fileload .mainfile {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#fileload .mainfile ul li {
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	display: table;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#fileload .mainfile ul {
	height: auto;
	width: 100%;
}
#fileload .mainfile ul li .picp {
	width: 20%;
}
#fileload .mainfile ul li div {
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 90px;
	display: inline-block;
}


#fileload .mainfile ul li div:before {
content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}

#fileload .mainfile ul li .name {
	width: 40%;
	
}
#fileload .mainfile ul li .size {
	width: 12%;
}
#fileload .mainfile ul li .type {
	width: 12%;
}
#fileload .mainfile ul li .load {
	width: 16%;
}
#fileload .mainfile ul .title {
	font-size: 11pt;
	line-height: 30px;
	color: #333;
	background-color: #F0F0F0;
}
#fileload .mainfile ul .title div {
	text-align: center;
	height: 30px;
}
#fileload .mainfile ul li .picp img {
	background-color: #FFF;
	margin: 10px;
	padding: 5px;
	height: 60px;
	width: auto;
	box-shadow: 0 0 3px #999;
}
#fileload .mainfile ul li .name span {
	display: block;

}
#fileload .mainfile ul .title .name {
	padding-top: 0px;
}
#fileload .mainfile ul li .name a {
	color: #333;
	display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
   width: auto;
  height: auto;
}
#fileload .mainfile ul li .name a:hover {
	color: #900;	
}
#fileload .mainfile ul li .load a {
	color: #900;
}
#aboutsq {
	margin-top: 20px;
}
#aboutsq .text {
	font-size: 12pt;
	line-height: 24pt;
	color: #666;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
#aboutsq .text .lefttext {
	float: left;
	width: 52%;
	margin-right: 3%;
}
#aboutsq .text .lefttext div {
	margin-bottom: 30px;
}
#aboutsq .text .rightpart {
	float: left;
	width: 35%;
}
#aboutsq .text .rightpart img {
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
#aboutsq .text .lefttext div h3 {
	color: #900;
}
#memberlogin {
	margin-top: 20px;
	display: table;
	width: 100%;
}
#memberlogin .notepart {
	padding: 20px;
	float: left;
	height: 620px;
	width: 45%;
	border: 1px solid #CCC;
}
#memberlogin .notepart .scroll {
	height: 620px;
	width: 100%;
	overflow: auto;
}
#memberlogin .notepart .scroll h3 {
	font-size: 18pt;
	line-height: 24pt;
	font-weight: normal;
	color: #900;
	margin-bottom: 15px;
}
#memberlogin .notepart .scroll div h4 {
	font-size: 15pt;
	line-height: 20pt;
	color: #000;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#memberlogin .notepart .scroll div p {
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#memberlogin .formpart {
	float: right;
	width: 48%;
}
#memberlogin .formpart form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 8px;
	display: table;
	padding: 0px;
}
#memberlogin .formpart form fieldset label {
	float: left;
	width: 120px;
	text-align: right;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#memberlogin .formpart form fieldset div {
	padding-left: 130px;
}
#memberlogin .formpart form fieldset div input {
	height: 30px;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}
#memberlogin .formpart form fieldset div select {
	height: 30px;
	width: 100%;
}
#memberlogin .formpart form fieldset .half {
	float: left;
	width: 49%;
	margin-right: 2%;
	padding: 0px;
}
#memberlogin .formpart form fieldset .half:nth-child(2) {
	float: left;
	width: 49%;
	margin-right: 0%;
	padding: 0px;
}
#memberlogin .formpart form fieldset div textarea {
	height: 100px;
	width: 100%;
}
#memberlogin .formpart form .butline {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#memberlogin .formpart form .butline input {
	line-height: 35px;
	color: #FFF;
	height: 35px;
	width: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #900;
	margin-right: auto;
	margin-left: auto;
	float: right;
}

#memberlogin .formpart form fieldset div.code input {
	float: left;
	width: 80px;
	margin-right: 15px;	
}
#memberlogin .formpart form fieldset div.code img {
	float: left;
}
#memberlogin .formpart form fieldset label span {
	color: #900;
}
#memberlogin .login {
	float: left;
	width: 100%;
	margin-right: 2%;
	text-align: center;
}
#memberlogin .login form fieldset label {
	float: left;
	width: 120px;
	text-align: right!important;
	line-height: 30px;
}
#memberlogin .login form fieldset div {
	font-size: 12pt;
	line-height: 30px;
	color: #666;
	height: 30px;
	padding-left: 130px;
	padding-right: 80px;
}
#memberlogin .login form fieldset div input {
	height: 30px;
	float: left;
	width: 94%;
	padding-right: 3%;
	padding-left: 3%;
}
#memberlogin .login form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#memberlogin .login form {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/12E9144IO460-A5293.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px auto;
	margin-bottom: 100px;
}
#memberlogin .login form input[type='submit'] {
	font-size: 15pt;
	line-height: 60px;
	font-weight: bold;
	color: #FFF;
	background-color: #AA0700;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: "微軟正黑體", Arial;
	border-radius: 10px;
	margin: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
#memberlogin .login form .center {
	text-align: center;
	display: inline-block;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#memberlogin .login form .center a {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #AA0700;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: auto;
}
#memberlogin .login div {
	width: 50%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#fileload .mainfile ul li .size input {
	width: 60px;
}
#fileload .mainfile form .butline {
	display: table;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#fileload .mainfile form .butline a {
	line-height: 30px;
	color: #FFF;
	background-color: #900;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 12pt;
	display: block;
	float: left;
	margin-right: 15px;
}
#fileload .mainfile form .butline input {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #900;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	font-family: "微軟正黑體", Arial;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainpart .sq .prod {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #900;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mainpart .sq .product .editarea .po {
	height: auto;
	width: 100%;
}
#pinfo_main .intration .tagline {
	display: table;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-top: 5px;
}
#pinfo_main .intration .tagline a {
	font-size: 10pt;
	line-height: 14pt;
	color: #003399;
	margin-right: 12px;
	font-style: italic;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	white-space: nowrap;
}

#pinfo_main .intration .tagline a:hover {

	font-style: normal;
	background-color: #F0F0F0;
}
#wrapper #header {
	position: relative;
}
#ccleft .list ul li .classlist {
	color: #FFF;
	display: block;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#ccleft .list ul li .classlist a {
	color: #FFF;
	display: block;
	list-style-type: disc;
	margin-bottom: 5px;
	margin-left: 15px;
	font-size: 11pt;
}
#ccleft .list ul li .classlist a:hover {
	color: #FFC;
}


#fileload .mainfile form .info_form {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7F7F7;
}
#fileload .mainfile form .info_form fieldset {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
#fileload .mainfile form .info_form fieldset label {
	font-size: 12pt;
	line-height: 30px;
	text-align: right;
	float: left;
	width: 120px;
	color: #000;
	padding-right: 10px;
}
#fileload .mainfile form .info_form fieldset div input[type="text"],#fileload .mainfile form .info_form fieldset div input[type="password"] {
	font-size: 12pt;
	height: 30px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}
#fileload .mainfile form .info_form fieldset div {
	display: inline-block;

}

#fileload .mainfile form .info_form fieldset:nth-child(2n) {
	background-color: #fff;
}
#fileload .mainfile form .info_form fieldset div label {
	float: left;
	width: auto;
	margin-right: 20px;
	font-size: 11pt;
	color: #666;
}
#fileload .mainfile form .info_form fieldset div input.other {
	float: left;
}
#fileload .mainfile form .info_form fieldset div.otherdiv {
	display: block;
	padding-left: 130px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#fileload .mainfile form h3 {
	color: #FFF;
	background-color: #900;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#fileload .mainfile form .info_form  {
	margin: 0px;
	padding: 0px;
}
#fileload .mainfile form .info_form .forminform fieldset {
	background-color: #fff;
}

#fileload .mainfile form .info_form .forminform fieldset.butline {
	padding-left: 130px;
}
#fileload .mainfile form .info_form .forminform fieldset div input[type="submit"],#fileload .mainfile form .info_form .forminform fieldset div input[type="button"] {
	font-size: 12pt;
	line-height: 35px;
	color: #FFF;
	background-color: #980000;
	text-align: center;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
}
#fileload .mainfile form .info_form .forminform fieldset div img {
	margin-right: 10px;
	margin-left: 10px;
}
#fileload .mainfile form .info_form .forminform fieldset .code {
	display:table;
}
#fileload .mainfile form .info_form .forminform fieldset .code input,#fileload .mainfile form .info_form .forminform fieldset .code img {
	float: left;
}
#fileload .mainfile form .info_form .forminform fieldset .code a .fa.fa-refresh {
	font-size: 18pt;
	line-height: 30px;
	color: #333;
}
#mainpart .sq #fileload .mainfile form .info_form .forminform fieldset .half {
	float: left;
	width: auto;
}
#fileload .mainfile form .info_form .forminform fieldset label span {
	color: #980000;
}
#fileload .mainfile form .info_form .forminform fieldset div select {
	height: 30px;
}
#fileload .mainfile form .info_form .forminform fieldset .address {
	padding-left: 130px;
}
#fileload .mainfile form .info_form.join .forminform fieldset {
	float: left;
	width: 50%;
	display: inline-block;
}
#fileload .mainfile form .info_form.join .forminform {
	display: inline-table;
	background-color: #FFF;
}
#fileload .mainfile form .info_form.join .forminform fieldset div select {
	float: left;
	margin-right: 10px;
	height: 35px;
}
#fileload .mainfile form .info_form.join .forminform .all {
	width: 100%;
}
#fileload .mainfile form .info_form.join .forminform fieldset div label {
	display: block;
}
#fileload .mainfile form .info_form.join .forminform fieldset .se {
	display: block;
	height: 36px;
}
#fileload .mainfile form .info_form.join .forminform .butline {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}