@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, 微軟正黑體
}
body h1,body h2,body h3,body h4,body h5,body h6 {
	font-family: Arial, 微軟正黑體;
	font-weight: bold;
	letter-spacing: 2px
}
a {
	color: #4067AA;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#outside {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	height: 82px;
	width: 267px;
}
#searchandbut {
	float: left;
	width: 733px;
}
#searchline {
	float: right;
	height: 27px;
	margin-top: 15px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
#butline {
	float: left;
	width: 720px;
	height: 40px;
	margin-right: 6px;
	margin-left: 7px;
}


#outside #inside {
	float: left;
	width: 1000px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
}
#topbar {
	background-image: url(../image/logobut_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 82px;
	width: 1000px;
}

#butline ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 720px;
	position: relative;
}
#mainarea #rightarea {
	float: left;
	width: 790px;
}
#rightarea .titlea {
	background-image: url(../image/titlea_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	height: 58px;
	width: 770px;
	position: relative;
	margin-right: 20px;
	margin-bottom: 5px;
}
.road {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	color: #334E62;	
}
.left-contactus{
	clear: both;
	width: 210px;
	height: 73px;
	background-image: url(../image/left_contact.png);
}
.left-contactus img {
	width: 100%;
}
.title.title-pts{
	background-image: url(../image/left_title_pts.png);
	background-repeat: no-repeat;
}
.title.title-news{
	background-image: url(../image/left_title_news.png);
	background-repeat: no-repeat;
}
.title.title-epts{
	background-image: url(../image/left_title_epts.png);
	background-repeat: no-repeat;
}
.navbar-brand{
	display: inline-block;
	width: 250px;
	height: 40px;
	background-image: url(../image/logo_mobile.png);
	background-repeat: no-repeat;
}

.titlea-company, .titlea-epts, .titlea-diy, .titlea-contactus, .titlea-reference, .titlea-pts, .titlea-news  {
	width: 240px;
	height: 58px;
	background-repeat: no-repeat;
}

.rightarea .titlea img{
	width: 100%;
	height: 100%;
}

.titlea-company{
	background-image: url(../image/title_company.png);
}
.titlea-epts{
	background-image: url(../image/title_epts.png);
}
.titlea-diy{
	background-image: url(../image/title_diy.png);
}
.titlea-contactus{
	background-image: url(../image/title_contactus.png);
}
.titlea-reference{
	background-image: url(../image/title_reference.png);
}
.titlea-pts{
	background-image: url(../image/title_pts.png);
}
.titlea-news{
	background-image: url(../image/title_news.png);
}
#rightarea .titlea .road {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	color: #334E62;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 20px;
}
.road ul {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 20px;
	width: 100%;
}
.road ul li {
	float: right;
	padding-right: 15px;
	padding-left: 5px;
	color: #0B458F;
	background-image: url(../image/icon2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	list-style-type: none;
}
.road ul li.last {
	background-image: none;
	padding-left: 5px;
}



#butline ul li {
	float: left;
	height: 40px;
	width: 110px;
	list-style-type: none;
	overflow: visible;
}
#butline ul li a {
	background-image: url(../image/topbt.png);
	display: block;
	float: left;
	height: 40px;
	width: 110px;
	font-size: 0px;
	line-height: 0px;
	color: #0C66B4;
}

#butline .topbut1, #butline .topbut1 a {width: 105px}
#butline .topbut2, #butline .topbut2 a {width: 105px}
#butline .topbut3, #butline .topbut3 a {width: 130px}
#butline .topbut6, #butline .topbut6 a {width: 140px}



.topbut1 a {background-position: -10px 0px;}
.topbut2 a {background-position: -112px 0px;}
.topbut3 a {background-position: -218px 0px;}
.topbut4 a {background-position: -345px 0px;}
.topbut5 a {background-position: -458px 0px;}
.topbut6 a {background-position: -570px 0px;}

.topbut1 a:hover {background-position: -10px -40px;}
.topbut2 a:hover {background-position: -112px -40px;}
.topbut3 a:hover {background-position: -218px -40px;}
.topbut4 a:hover {background-position: -345px -40px;}
.topbut5 a:hover {background-position: -458px -40px;}
.topbut6 a:hover {background-position: -570px -40px;}

.topbut1 a.stay {background-position: -10px -40px;}
.topbut2 a.stay {background-position: -112px -40px;}
.topbut3 a.stay {background-position: -218px -40px;}
.topbut4 a.stay {background-position: -345px -40px;}
.topbut5 a.stay {background-position: -458px -40px;}
.topbut6 a.stay {background-position: -570px -40px;}


#searchline #form1 {
	margin: 0px;
	padding: 0px;
}
#searchtext {
	background-image: url(../image/search_input.png);
	float: left;
	height: 23px;
	width: 150px;
	margin-top: 10px;
	padding-left: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#bouttonsearch {
	float: left;
	height: 21px;
	width: 53px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 5px;
}
#main_index {
	background-image: url(../image/index_main_bg.jpg);
	float: left;
	height: 270px;
	width: 970px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
#footer {
	height: 80px;
	width: 970px;
	float: left;
	font-size: 10pt;
	color: #666666;
	line-height: 20px;
	padding: 15px;
}
#menux li ul {
	background-image: url(../image/secondul_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 163px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	z-index: 1000;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 40px;
	left: 379px;
}
#menux li ul li {
	float: left;
	height: 24px;
	width: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 26px;
	color: #666666;
	padding-left: 10px;
	padding-right: 5px;
}
#menux li ul li a {
	background-image: none;
	float: left;
	height: 26px;
	width: 45px;
	padding-left: 20px;
	color: #666666;
	font-size: 10pt;
	line-height: 20px;
}
#menux li ul li a:hover {
	color: #0B458F;
	background-image: url(../image/icon1.jpg);
	background-position: 8px center;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.more {
	height: 30px;
	width: 36px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}
.more a {
	font-size: 0px;
	line-height: 0px;
	color: #FFFFFF;
	background-image: url(../image/morex.png);
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 36px;
}
.more a:hover {
	background-position: 0px -30px;
}
#threebut {
	float: left;
	height: 58px;
	width: 288px;
	margin-left: 12px;
	background-image: url(../image/hreebut_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#threebut ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 288px;
}
#threebut ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 58px;
	width: 96px;
	list-style-type: none;
}
#threebut ul li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFFFFF;
	background-image: url(../image/threebut.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 58px;
	width: 96px;
}
#threebt1 a { background-position: 0 0;}
#threebt2 a { background-position: -96px 0px;}
#threebt3 a { background-position: -192px 0;}

#threebt1 a:hover { background-position: 0 -58px;}
#threebt2 a:hover { background-position: -96px -58px;}
#threebt3 a:hover { background-position: -192px -58px;}

#footer {
	float: right;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12px;
	color: #888;
	text-align: center;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer ul li {
	list-style-type: none;
	line-height: 12px;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	display: inline-block;
}
#footer li:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.inbanner {
	float: left;
	height: 165px;
	width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #244DBF;
}
#mainarea {
	float: left;
	width: 1000px;
	background-image: url(../image/main_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #244DBF;
}
#mainarea #leftline {
	background-image: url(../image/leftbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 210px;
}
#footer a {
	color: #666666;
}
#mainarea #leftline .title {
	float: left;
	height: 58px;
	width: 210px;
	margin-bottom: 10px;
}
#threebuton {
	float: left;
	width: 90px;
	margin-right: 24px;
	padding-left: 96px;
	margin-top: 15px;
}
#threebuton ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 90px;
}
#threebuton ul li {
	float: left;
	height: 55px;
	width: 85px;
	margin-left: 5px;
	list-style-type: none;
	background-image: url(../image/sub01_4_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#lbut1 a {
	background-position: -8px 0px;
}
#lbut2 a {
	background-position: -108px 0px;
}
#lbut3 a {
	background-position: -200px 0px;
}

#lbut1 a:hover {
	background-position: -8px -58px;
}
#lbut2 a:hover {
	background-position: -108px -58px;
}
#lbut3 a:hover {
	background-position: -200px -58px;
}
#threebuton ul li a {
	background-image: url(../image/threebut.png);
	display: block;
	height: 55px;
	width: 85px;
	font-size: 0px;
	line-height: 0px;
	color: #FFFFFF;
}
#listleftbar {
	float: left;
	width: 190px;
	padding-left: 20px;
}
#listleftbar b {
	color: #01427E;
	line-height: 23px;
	padding-left: 9px;
	cursor: pointer;
}
#listleftbar ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 190px;
}
#listleftbar ul li {
	font-size: 9pt;
	line-height: 10pt;
	color: #666666;
	float: left;
	width: 190px;
	margin-bottom: 5px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#listleftbar ul li a {
	line-height: 23px;
	color: #696969;
	background-image: url(../image/icon11.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	float: left;
	width: 170px;
	padding-left: 20px;
	display: block;
}
#listleftbar ul li a:hover {
	background-image: url(../image/lihover_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rightarea .titlea .road a {
	color: #666666;
}

#rightarea #importantpart {
	float: left;
	width: 750px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 10pt;
	line-height: 16pt;
	color: #334E62;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#importantpart .onepart {
	float: left;
	width: 750px;
	margin-bottom: 15px;
}
#importantpart .onepart h2 {
	font-size: 15pt;
	line-height: 20pt;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#newssq img{
	max-width: 100%;
}
#newssq .namp {
	float: left;
	width: 580px;
}
#importantpart .onepart iframe {
	border: 1px solid #666666;
}
#importantpart #newssq {
	float: left;
	width: 730px;
	margin-right: 10px;
	margin-left: 10px;
}
#newssq ul {
	float: left;
	width: 730px;
	padding: 0px;
	margin: 0px;
}
#importantpart #newssq ul li {
	float: left;
	width: 695px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2F548E;
	background-image: url(../image/icon1.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	list-style-type: none;
	padding-left: 15px;
	margin-right: 10px;
	margin-left: 10px;
	color: #666666;
}
#newssq ul li .data {
	float: left;
	width: 90px;
	text-align: center;
	color: #334E62;
}
#newssq .title .data {
	color: #666666;
}
#newssq .title .namp {
	width: 570px;
	margin-right: 10px;
	margin-left: 25px;
}
#importantpart #newssq .namp a {
	color: #4067AA;
}
#importantpart #newssq .namp a:hover {
	color: #FF6600;
}
#importantpart #newssq ul li.title {
	padding: 0px;
	float: left;
	height: 28px;
	width: 730px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../image/newstitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 10pt;
	line-height: 28px;
	color: #333333;
}
#pageline {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 20px;
}
#pageline a {
	text-align: center;
	margin-left: 3px;
	background-color: #D2EDFF;
	padding: 3px;
	margin-right: 3px;
	border: 1px solid #3399FF;
	color: #033696;
}
#pageline a:hover {
	background-color: #FFFFFF;
}
#newssq #newsin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	color: #334E62;
	float: left;
	width: 690px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
}
#newssq #newsin img {
	margin: 10px;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}
#productsq {
	float: left;
	width: 100%;
}
#productsq #brand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	color: #30548D;
	background-image: url(../image/icon11.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
}
#productsq .infoline {
	float: left;
	margin-left: 20px;
}
#productsq .infoline .number {
	font-size: 10pt;
	color: #0099FF;
	display: block;
	margin-bottom: 5px;
}
#productsq #panelform {
	float: left;
	width: 100%;
}
#panelform ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 720px;
}
#panelform table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	float: left;
	width: 100%;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	margin-bottom: 20px;
}
#panelform a {
	color: #666666;
}
#panelform a:hover {
	color: #FF6600;
}
#panelform td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 8px;
	color: #666666;
}
#panelform table td.head {
	background-image: url(../image/panel_title_bg.jpg);
	height: 25px;
	border-left-style: none;
	font-weight: bold;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top-right-radius:10px;
}
#panelform table td.head2 {
	background-image: url(../image/panel_title_bg.jpg);
	height: 25px;
	border-left-style: none;
	font-weight: bold;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#panelform table td.headsrart {
	border-left-style: solid;
	background-image: url(../image/panel_title_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	margin: 0px;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
	border-top-left-radius:10px;
}

#panelform table td.headsrart2 {
	border-left-style: solid;
	background-image: url(../image/panel_title_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	margin: 0px;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align: left;
}
#panelform table.f {
	text-align: center;
}
#panelform .f td {
	text-align: center;
	padding: 3px;
}
#panelform .f td.h {
	font-weight: bold;
	color: #006699;
}
#quote {
	float: left;
	width: 680px;
	padding-right: 35px;
	padding-left: 35px;
}
#quote table.x {
	margin-right: 50px;
	margin-bottom: 20px;
}
#quote .x span.style1 {
	color: #CC0000;
}
#pn_search {
	width: 720px;
	border: 1px solid #244DBF;
	border-radius:15px;
	color: #666666;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	float: left;
}
#panelform .serchtd {
	float: left;
	width: 122px;
}
#link,#link a {
	text-align: right;
	cursor: default;
}
#leftline .title {
	width: 209px;
	height: 58px;
}
.rightarea .title {
	width: 240px;
	height: 58px;
}
.title.title-pts {
	background-image: url(../image/left_title_pts.png);
}
.title.title-news {
	background-image: url(../image/left_title_news.png);
}
.title.title-epts {
	background-image: url(../image/left_title_epts.png);
}
#news_index {
	float: left;
	width: 270px;
	vertical-align: top;
	height: 210px;
	background-image: url(../image/main_text.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#news_index ul {
	margin-left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#news_index ul li {
	font-size: 15px;
	line-height: 1;
	background-image: url(../image/icon1.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}

.plist_index_mobile_title {
	width: 90%;
	margin: 0 auto;
	background-image: url(../image/main_product_bg.png);
	background-repeat: repeat-x;
}

.plist_index_mobile_title a{
	display: block;
	width: 100px;
	height: 37px;
	margin: 0 auto;
	background-image: url(../image/main_product_mobile.gif);
	background-repeat: no-repeat;
}





.plist_index_title {
	width: 609px;
	height: 30px;
	display: inline-block;
	background-image: url(../image/main_product.gif);
	background-repeat: no-repeat;
}

#plist_index {
	float: left;
	width: 650px;
	vertical-align: top;
	font-size: 14px;

}#plist_index img {
	
vertical-align: top;
}


#plist_index .wrapper {
	width: 100%;
	height: 180px;
	margin: 0;
	margin-top: 10px;
}
#plist_index ul {
	padding: 0;
	margin: 0;
}
#plist_index ul li {
	width: 165px;
	height: 180px;
	float: left;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
}
#plist_index ul li .img {
	width: 155px;
	border: 1px solid #aabbcc;
}
#plist_index  ul li div {

	padding: 5px;
	margin-right: 10px;
}
#product ul li .img {
	width: 151px;
	border: 1px solid #aabbcc;
}
#plist_index ul li img {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 5px;
}
#plist_index .wrapper {
	width: 100%;
	height: 180px;
	margin: 0;
	margin-top: 10px;
}


#product ul {
	margin-left: 10px;
}
#product ul li {
	width: 153px;
	height: 150px;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	margin-right: 20px;
	padding-top: 10px;
}

#product ul li .img {
	width: 151px;
	border: 1px solid #aabbcc;
}
#product ul li img {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 5px;
}

.thumbs {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbs li {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px #ccc solid;
	margin-top: 5px;
}
.thumbs li img {
	max-width: 100%;
	max-height: 100%;
}


#faq img {
	vertical-align: top
}
#faq li {
	margin-bottom: 100px;
}
#faq b {
	color: #0068B7;
	font-size: 30px;
	line-height: 1.8;
}

.toplist {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
}
.toplist li {
	line-height: 12px;
	list-style-type: none;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float: right;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.toplist li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.listText {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	margin-left: 20px;
}
.listText li {
	border: 0;
	line-height: 1.8;
}

/* Bootstrap Navbar */
.navbar-brand, .nav a {
	font-family: Arial, 微軟正黑體
}
.navbar-brand {
	height: 55px !important;
}
.navbar-brand img {
	max-width: 100%
}
.navbar-default .navbar-toggle {
	background-color: #070075;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #070075 !important;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff !important;
}

/* iFrame RWD */
.iframe-rwd {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Fancybox */
.fancybox-title {
	color: #fff;
}
.fancybox-download {
	z-index: 9999999;
	position: absolute;
}

/* Self */
.text-center {
	text-align: center
}
.mobile-show {
	display: none;
}
.mobile-hide {
	display: block;
}


/* Mobile */
@media screen and ( max-device-width: 768px ) { 

.onepart ul ul {
	padding: 0;
	margin-left: 0px;
}
	.titlea .road {
		display: none;
	}
	.mobile-show {
		display: block;
	}
	.mobile-hide {
		display: none;
	}
	#mainarea {
		background: none;
		width: 100%;
	}
	#mainarea #rightarea {
		width: 100%;
	}
	#rightarea .titlea {
		width: 100%;
	}
	#rightarea #importantpart {
		width: 100%;
	}
	#importantpart .onepart {
		width: 100%;
	}
	.indexbigbanner, .inbanner {
		width: 100%;
		height: auto;
		margin-top:50px;
		margin-bottom:15px;
		border: 0;
	}
	#outside {
		width: 100%;
	}
	#outside #inside {
		width: 100%;
		box-shadow: none
	}
	.inbanner img, .indexbigbanner img {
		display: block;
		height: auto;
		max-width: 100%;
	}
	#news_index {
		width: 100%;
		text-align: center
	}
	#main_index {
		width: 100%;
		padding: 0;
	}
	#footer {
		display: none;
	}

#mainarea #leftline {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 100%;
}
#footer a {
	color: #666666;
}
#mainarea #leftline .title {
	float: left;
	height: 58px;
	width: 100%;
	margin-bottom: 10px;
	background-size: auto !important;
}

#listleftbar {
	float: left;
	width: 100%;
}
	#plist_index {
		width: 100%;
	}
	#plist_index ul li {
		width: 100%;
		height: 300px;
	}
	#plist_index .wrapper {
		height: 300px;
	}
	#plist_index ul li .img {
		width: 80%;
		margin: 0 auto;
	}
	.prev, .next {
		display: none;
	}
	#information {
		font-size: 10pt;
		color: #666666;
		clear: both;
	}
	#importantpart #newssq {
		width: 100%;
		margin: 0;
	}
	#newssq ul {
		width: 100%;
	}
	#importantpart #newssq ul li.title {
		width: 90%;
	}
	#importantpart #newssq ul li {
		width: 90%;
	}
	#newssq .namp, #newssq ul li .namp, #newssq .title .namp {
		float: left;
		width: 90%;
	}
	#importantpart #newssq ul li.title {
		background-position: center top;
	}
	#newssq #newsin {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	#product ul {
		margin: 0;
		padding: 0;
	}
	#product ul li {
		width: 100%;
		height: auto;
	}
	#product ul li .img {
		width: 100%;
	}
	#productsq .infoline {
		float: left;
		margin-left: 0;
		margin-top: 20px;
	}
	.onepart img {
		max-width: 100%
	}
	#newssq #newsin img {
		margin: 0;
	}
	.titlea-company, .titlea-epts, .titlea-diy, .titlea-contactus, .titlea-reference, .titlea-pts, .titlea-news  {
		width: 100%;
	}

}





.table-standard {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top
}

.table-standard  tr:first-child td {
    background-color: #e6e6e6;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6),color-stop(100%, #f2f2f2));
    background-image: -moz-linear-gradient(#e6e6e6,#f2f2f2 100%);
    background-image: -webkit-linear-gradient(#e6e6e6,#f2f2f2 100%);
    background-image: linear-gradient(#e6e6e6,#f2f2f2 100%);
    font-weight: bold
}

.table-standard  td,.table-standard  th {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-color: #b3b3b3;
    border-width: 1px;
    border-style: solid;
    line-height: 1.6
}