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

/* reset */
/*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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 18px;
	margin: 0;
	outline: 0;
	padding: 0;
	letter-spacing: 0.95pt;
}*/
html,body { margin:0; padding:0; color:#6D6E71; background:#FFF; font-family:微體正黑體; font-size:small; letter-spacing: 0.30pt;}
p,td,th,li,dt,dd,input,textarea,select,option,fieldset,legend { font-family:微體正黑體; }
input,textarea,select,option { font-size:small; max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { position:relative; }
img { border:none; padding:0; margin:0; position:relative; /*max-width:100%;*/ }
header,footer,section,aside,nav,article,hgroup { display:block; margin:0; padding:0; }
address { font-style:normal; }
a { color:#6D6E71; /*color: #7ecef4;*/ text-decoration:none; }
a:hover,a:active { color:#f00; text-decoration:none; }
form { margin:0; padding:0; }
fieldset { margin:1em 0; }
legend { font-weight:bold; font-size:110%; }
section { position:relative; }
section input[type="submit"],section input[type="button"] ,
#search_aside_left input[type="submit"], #search_aside_left input[type="button"]
{ border:1px solid #666; color:#fff; background-color:#666; font-weight:bold; width:58px; height:22px; }
section input[type="submit"]:hover,section input[type="button"]:hover, 
#search_aside_left input[type="submit"]:hover, #search_aside_left input[type="button"]:hover
{ border:1px solid #f00; background-color:#f00;  }
input:focus { outline: none; }
abbr { text-decoration:none; border:none; font-variant:normal; cursor:help; }
h1 { margin:0 0 0.5em 0; padding:0; font-size:200%; }
h2 { margin:1em 0 0.5em 0; padding:0; font-size:160%; }
h3 { margin:1em 0 0.5em 0; padding:0; font-size:120%; }
h4 { margin:1em 0 0.5em 0; padding:0; font-size:100%; }
h5 { margin:1em 0 0.5em 0; padding:0; font-size:90%; }
h6 { margin:1em 0 0.5em 0; padding:0; font-size:85%; }
p { margin:0.5em 0; padding:0; }
ul { margin:0/*0.3em 0 0.3em 1.5em*/; padding:0; }
li { margin:0; padding:0; }
dl { margin:0.5em 0; padding:0; }
dt { margin:0; padding:0; font-weight:bold; }
dd { margin:0 0 0.5em 1em; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
table.tabella thead { border-bottom:1px solid #E2E2E2; }
table.tabella th,table.tabella td { padding:0.3em 0.5em; }
table.tabella td a { text-decoration:underline; }
.clear { clear:both; zoom: 1; }
.clearright { clear:right; }
.clearfix{display:inline-block;}
.clearfix:after{clear:both;visibility:hidden;height:0;}
ol, ul { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0 }

.text_en{
	font-family: Verdana;
	letter-spacing: normal;
}
.text_zh{
	line-height: 35px;
	margin-bottom: 5px;
}

/* common 
-------------------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 14px;
	font-family: "微軟正黑體";
	position: relative;
}
select {
    border: solid 1px #666;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 14px;
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
    min-width: 142px;
    min-height: 22px;
    line-height: 22px;
    border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius :3px;
	background-color: #fff;
}
select::-ms-expand { display: none; }
.left { float: left; }
.right { float: right; }
.font_red{ color:#f00; }

#outer {
	margin: 0px auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}


#main {
	width: 1000px;
	height: auto;
	background-color: #fff;
}
#left_sider {
	padding-left:0px;
}

.layout {
	margin: 0px auto;
	width: 1000px;
	position: relative;
}


.col {
	float: left;
}
.col-6{
	width:50%;
}
.col-47{
	width:47%;
}
.col-12{
	width:100%;
}
/* home
-------------------------------------------------------------- */
.home header{
	background-color: transparent;
	position: absolute;
	z-index: 999;
	width: 100%;
}
.home .header-container{
	min-height: inherit;
}
.home #logo {
	position: relative;
	top:22px;
	left:68px;
	width: 105px;
	height: 33px;
	display: inline-block;
}

.home #search_box {
    position: absolute; top:23px; right:68px;
}
.home #search_bg {
    width: 164px;
    height: 23px;
    background: url(../images/search_input2.jpg) no-repeat;
}
.home a#btn_search {
    background: url(../images/search_btn2.jpg) no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
}

.home #search {
    margin:3px 0 0 5px;
    width: 134px;
    height: 17px;
    border: 0px;
    font-size: 16px;
    float: left;
}

.home #search_aside_left{
	float: left;
}
.home #search_aside_right{
	float: right;
	margin-top: 20px;
}


.home section aside  { position:absolute; left:0; top: 0; width:324px; padding:0 0 0 58px; } /*56px*/

.home #search_aside_left h1,#search_aside_left h1, .home #search_aside_right h1{
	font-size: 16px;
    color: #f00;
    margin-top: 40px;
}
.home #search_aside_left h2,#search_aside_left h2,.home #search_aside_right h2 {
    margin: 18px 0 0.5em 0;
    /*text-transform: uppercase;*/
    font-size: 13px;
    color: #666px;
}
#search_wrapper{
	width: 950px;
	margin: 0 auto;
}
#search_aside_left{
	width:100%;
}
#search_aside_left h2{
	color: #808080;
	margin: 18px 0 0.3em 0;
}
.home section aside p{
	margin: 18px 0 0 0;
}
#btn_find, #btn_reset{
	margin-top: 36px;
	border: 1px solid #808080 !important;
    color: #fff;
    background-color: #808080 !important;
    border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius :3px;
}
#btn_find:active , #btn_reset:active {
	background: #f00 !important;
	border: 1px solid #f00 !important;
}
#edm{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 500px;
}

article#home_sider { padding:0 0 0 447px; }
.home article {
    min-height: 20em;
    margin: 0;
    padding: 0 70px 0 70px;
}
#home_news_left{
	float: left;
}
#home_news_left h1{
	font-size: 16px;
    color: #f00;
}
#home_news_right{
	float: left;
	margin-left: 40px;
}
#home_news_right ul{
	margin-top: 48px;
}
#home_news_right ul li{
	margin-bottom: 20px;
}
p.news_date{
	color: #666;
}
p.news_date span{
	display: inline-block;
	margin-right: 20px;
}
p.news_info{
	
}
#home_pdt{
	background-color: #000;
	overflow: hidden;
}
#home_pdt ul{
	margin: 67px 0px 67px 58px;
	height: 180px;
}
#home_pdt li{
	float: left;
	margin-right: 44px;
	height: 180px;
}
/* other top
-------------------------------------------------------------- */
header{
	background-color: #f00;
	position: fixed;
	z-index: 999;
	width: 100%;
}
.header-container{
	min-height:55px;
}
#home_block{
	position: relative;
}

#top { position: relative; height: 55px; }

#top_space, .space { height:6px;}

#logo {
	position: relative;
	top:23px;
	left:68px;
	width: 144px;
	height: 41px;
	display: inline-block;
}

#search_box {
    position: absolute; top:25px; right:68px;
}
#search_box_home {
    position: absolute; top:8px; right:68px;
}

#search_bg {
    width: 164px;
    height: 23px;
    background: url(../images/search_input.jpg) no-repeat;
}
a#btn_search {
    background: url(../images/search_btn.jpg) no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
}

#search {
    margin:3px 0 0 5px;
    width: 134px;
    height: 17px;
    border: 0px;
    font-size: 16px;
    float: left;
}


section aside  { position:absolute; left:0; top: 0; width:143px; padding:0 0 0 58px; } /*56px*/

#search_aside h1{
	font-size: 16px;
    color: #f00;
}
#search_aside h2 {
    margin: 18px 0 0.5em 0;
    /*text-transform: uppercase;*/
    font-size: 13px;
    color: #666px;
}
section aside p{
	margin: 18px 0 0 0;
}
#btn_reset{
	margin-left: 20px;
}
article {
    min-height: 40em;
    margin: 0 0 0 212px;
    padding: 0 70px 0 70px;
}

article#pdt_detail { padding: 0; margin:0 90px; }

footer {
    background-color: #000;
    height: auto /*120px*/;
    /*padding-bottom: 2em;
    margin-top: 2em;*/
    position: relative;
}
#solgon{
	color: #fff;
	height: 65px;
	line-height: 65px;
	font-size: 21pt;
	font-weight: bold;
	text-align: center;
}
#copyright{
	color: #fff;
	position: absolute;
	top: 24px;
	left: 68px;
}
footer nav{
	position: relative;
    /*height: 1em;*/
    padding: 16px 0 20px 259px;
}
footer nav ul {
    display: block;
    margin: 0;
}
footer nav li {
    display: inline;
    margin: 0;
    padding: 0 30px;
    font-weight: bold;
    font-size: 85%;
}
#epaper{
	position: absolute;
	top:14px;
	right:68px;
}
#btn_add_epaper{
	background: url(../images/btn_add_epaper.jpg) no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
}
#ipt_email_box {
    width: 328px;
    height: 23px;
    background: url(../images/ipt_email.jpg) no-repeat;
}
#ipt_email {
    margin: 2px 0 0 5px;
    width: 303px;
    height: 17px;
    border: 0px;
    font-size: 16px;
    float: left;
}
/* home pdt
-------------------------------------------------------------- */

/* about
-------------------------------------------------------------- */
#title_about{
	margin:60px 0 40px 0;
}
#page_about h3{
	color:#f00;
	font-size: 26px;
	letter-spacing: -0.20pt;
}
#page_about p{
	margin-bottom: 20px;
}
#page_about img{
	margin: 5px 0;
}
.red_text{
	color:#f00;
	font-weight: bold;
}
/* location
-------------------------------------------------------------- */
#page_location h1 {
    background: url(../images/title_arrow3.png) no-repeat 0 16px;
    padding: 9px 0 10px 30px;
    font-size: 24px;
    color: #f00;
    border-bottom: 3px solid #f00;
}
#page_location h3 {
	color: #828282;
	font-size: 24px;
}
#page_location h5 {
	font-size:16px;	
}
.map{
	margin: 20px 0;
}
/* product
-------------------------------------------------------------- */
#main_pdt, #main_pjt{
	margin-top: 55px;
}

#pdtList_content{
	width: 1032px;
	margin: 0 0 0 55px;
    text-align: left;
    padding-top: 11px;
    font-family: "微軟正黑體";
    /* font-weight: bold; */
    letter-spacing: 0.95pt;
    line-height: 37px;
    font-size: 18px;
}
#catList {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    min-height: 369px;
	margin-bottom: 90px;
}

#bw_bt01{
	float:left;
}
#catList li {
	width: 99px;
	height: 99px;
	list-style-type: none;
	display: inline;
	float: left;
	margin:0 9px 22px 0px;
	min-height: 101px;
}
#catList li:hover div  {
	color: #f00;
	border: 1px solid #f00;
}
.cat_sel{
	border: 1px solid #f00;
}
#catList li:hover a{
	color: #f00;
}
#catList li a {
	color: #959595;
	text-decoration: none;
	font-weight: bold;
}

#pdtList{
	margin-top: 10px;
}
#pdtList h2{
	border-top: 4px solid #f00;
	background: url(../images/arrow2.png) no-repeat 0 14px;
	padding: 9px 0 0 30px;
	font-size: 16px;
	color: #f00;
}
#pdtList h3{
	font-size: 14px;
}
#pdtList li{
	float: left;
	margin: 0 21px 21px 0;
}
#pdtList li:nth-child(4n){
	margin-right: 0;
}
.pdt_list{
	display: none;
}
.product_name{
	padding:  20px 9px 0px 18px;
	font-size: 17px;

	line-height: 18px;
	/*white-space: nowrap; */
	height: 26px; 
	text-overflow: ellipsis;
}

/* product detail
-------------------------------------------------------------- */
#path {
    margin: 0 0 1em 90px;
    padding: 10px 0 0 0;
    color: #595757;
    font-size: 85%;
}
#detail_title{
	line-height: 28px;
}
#detail_title h1{
	color: #f00;
	font-size: 24px;
	display: inline-block;
	line-height: 48px;
	padding: 0;
}

#pdt_img_list{
	position: relative;
	width: 819px;	/* 圖片的寬 + 選單圖片最大的寬 */
	height: 365px;	/* 圖片的高 */
	margin-top: 20px;
	overflow: hidden;
}

#pdtblock {
	overflow: hidden;
	width: 819px;	/* 圖片的寬 + 選單圖片最大的寬 */
	height: 365px;	/* 圖片的高 */
	
	position: relative;
}
#pdtblock ul, #pdtblock li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#pdtblock ul.showbox{
	position: absolute;
}
#pdtblock ul.showbox li a {
	display: block;
	height: 363px;
	border: 1px solid #c6c6c6;
	
}
#pdtblock{
	position: absolute;
}
#pdtblock ul.link {
	right: 0;
}
#pdt_control ul.link li {
	margin-bottom: 4px;
}
#pdt_control ul.link li a {
	display: block;
	width: 152px;	/* 滑鼠未移入時的選單圖片寬 */
	height: 85px;	/* 選單圖片的高 84px*/
	position: absolute;
	/*text-indent:20px;*/
	line-height: 84px;
	/*background-color: #ccc;*/
	right: 0;
	border: 1px solid #c6c6c6;
	
}
#pdt_control ul.link li a.selected {
	width: 152px;	/* 滑鼠移入時的選單圖片寬 */
	height: 85px;
	/*text-indent: 40px;*/
	border: 1px solid #f00;
}
#pdt_control ul.link li img{
	width: 100%;
}
#cat_block{
	margin: 0 132px;
}
#cat_block li{
	float: left;
	margin-left: 10px;
}
.cat_img{
	position: relative;
}


#product_content{
	width:819px;
	margin: 0 auto;
	text-align: left;
	margin-top: 65px;
	font-family: "微軟正黑體";
	/*font-weight: bold;
	letter-spacing: 0.95pt;*/
	line-height: 24px;
	position: relative;
}


ul.tabs {
	width: 100%;
	height: 32px;
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
}
ul.tabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
	border-bottom: 3px solid #f00;
	margin-right: 4px;
	width:200px;
	/*border: 1px solid #999;
	border-left: none;
	background: #e1e1e1;*/
}
ul.tabs li a {
	display: block;
	padding: 0 0 0 35px;
	color: #f00;
	/*border: 1px solid #fff;*/
	text-decoration: none;
	font-size: 17px;
	background: url(../images/arrow2.png) no-repeat 14px 8px;
}
ul.tabs li a:hover {
	/*background: #ccc;*/
	color: #000;
	background: url(../images/arrow1.png) no-repeat 14px 8px;
}
ul.tabs li.active  a{
	color: #000;
	background: url(../images/arrow1.png) no-repeat 14px 8px;
}
ul.tabs li:hover{
	border-bottom: 3px solid #000;
}
ul.tabs li.active  {
	/*background: #fff;*/
	border-bottom: 3px solid #000;
	/*border-bottom: 1px solid #fff;*/
	background: url(../images/arrow1.png) no-repeat 14px 8px;
}
ul.tabs li.active a:hover {
	/*background: #fff;*/
}
div.tab_container {
	clear: left;
	width: 100%;
	/*border: 1px solid #999;*/
	border-top: none;
	background: #fff;
}
div.tab_container .tab_content {
	padding: 14px;
	min-height: 364px;
}
div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}

.tbl_tech{
	line-height: 24px;
}
.tbl_tech td:first-child{
	width:205px;
}

.tbl_desc li{
	margin-left : 1em; 
	text-indent : -1em ;
}

#pdt_content2{
	margin:50px 0;
	font-size: 12px;
}
#pdt_content2 td, tr.th_head th, tr.th_head2 th{
	padding: 4px 0;
	text-align: center;
}
tr.th_head th, tr.th_head2 th{
	letter-spacing: normal;
	font-weight: normal;
	    height: 37px;
}
tr.th_head2 th{
	line-height: 28px;
}
#pdt_content2 td {
	border-bottom: 1px solid #000;
	    height: 63px;
}
.th_head th, .th_head2 th{
	border-bottom: 2px solid #f00;
}
#tbl_opt table {
	width: 615px;
}
#tbl_dwn table {
	width: 200px;
}
#tbl_dwn td {
	height: 63px;
}
.td_title{
	height: 31px;
	line-height: 31px;
	border-bottom: 3px solid #f00;
	padding: 0 0 0 35px;
	color: #f00;
	text-align: left;
	font-size: 17px;
	background: url(../images/arrow2.png) no-repeat 14px 8px;
}
.accessories_info {
	margin-left: 30px;
}
.accessories_info p{
	font-weight: bold;
}
.accessories_info div{
	line-height: 18px;
}
.tab_list li{
	width: 391px;
	margin-right: 4px;
	margin-bottom: 10px;
	float: left;
}
.tab_list li:nth-child(2n){
	margin-right: 0px;
}
#arrow{
	display: none;
}
/* project list
-------------------------------------------------------------- */
#main_pjt section aside {
	width: 153px;
	margin-top: 20px;
	padding: 0 0 0 68px;
}
#pj_aside li {
	height: 31px;
	line-height: 31px;
}
#pj_aside li a {
	color: #000;
}
#pj_aside li.active a, #pj_aside li a:hover{
	color: #f00;
}
#pj_path {
    margin: 0 0 1em 0px;
    padding: 10px 0 0 0;
    color: #595757;
    font-size: 85%;
}
h1#pj_cat  {
    background: url(../images/title_arrow3.png) no-repeat 0 16px;
    padding: 9px 0 0 30px;
    font-size: 24px;
    color: #f00;
}
#project_List li {
	width:306px;
	height: 320px;
	float: left;
	margin-bottom: 10px;
}
#project_List li:nth-child(2n+1){
	margin-right: 35px;
}
#project_List li span{
	display: block;
	line-height: 18px;
	color:#000;
	font-size: 14px;
	letter-spacing: normal;
	margin-top: 8px;
	font-weight: bold;
}

#main_pdt_detail{
	width:818px;
	margin: 0 auto;
	margin-top: 55px;
}

#pj_name{
	padding: 9px 0 0 0px;
    font-size: 24px;
    color: #f00;
    margin: 0;
}
#pj_area{
	padding: 12px 0 0 0px;
    font-size: 14px;
    color: #f00;
    margin: 0;
}
#pj_detail{
    min-height: 40em;
    padding: 0;
    margin: 12px 0;
}
ul#project_thumb {
	margin: 46px 0;
}
#project_thumb li{
	width:136.5px;
	height: 136.5px;
	float: left;
}
#project_thumb li img{
	cursor: pointer;
}
#project_content{
	font-size: 12px;
	letter-spacing: .30pt;
	margin-bottom: 50px;
}
#cat_name h3{
	color: #f00;
}
#pdt_list2pjt li {
    float: left;
    margin: 0 21px 21px 0;
}
#pdt_list2pjt li:nth-child(5n){
	margin-right: 0px;
}
#pdt_list2pjt h2{
	color: #f00;
}
#pdt_list2pjt li h3{
	color: #000;
	font-size: 14px;
	height: 16px;
	width:146px;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#pjblock {
	overflow: hidden;
	width: 819px;	/* 圖片的寬 + 選單圖片最大的寬 */
	height: 185px;	/* 圖片的高 */
	margin-top: 20px;
	position: relative;
}
/* news list
-------------------------------------------------------------- */
#news_block{
	
	text-align: left;
	padding-top: 20px;
	font-family: "微軟正黑體";
	line-height: 20px;
}
#news_block h2{
	
}
#news_block h3{
	display: inline-block;
	color: #f00;
	font-size: 16px;
	font-weight: bold;
	margin-right: 15px;
}
#news_block .more{
	display: inline-block;
}
#news_block .more a{
	color: #666;
	font-size: 14px;
}
#news_block .more a:hover{
	color: #f00;
}
#news_block p{
	color: #000;
	font-size: 14px;
}
#news_block img{
	margin-right: 7px;
}
#news_content{
	font-size: 21px;
	line-height: 35px;
}
/* contact
-------------------------------------------------------------- */
.title_text{
	background: url(../images/arrow2.png) no-repeat 0px 5px;
	padding: 0px 0 0 28px;
	font-size: 16px;
	color: #f00;
	margin: 0;
}
#contact_form{
	border-left: 3px solid #f00;
	width: 45%;
	padding-left: 30px;
}
.text_blod{
	font-weight: bold;
}
#contact_detail {
    min-height: 60em;
    padding: 0;
    margin: 20px 0;
}
#contact_detail p{
	margin: 20px ;
}
#contact_detail fieldset{
	border: 0;
	margin: 20px 0 0 0;
	padding: 0;
}
#contact_detail li{
	float: left;
	margin: 20px 20px 0 0;
	font-size: 14px;
}
.tip{
	font-size:12px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #8c8c8c;
}
.form-group {
    margin-bottom: 15px;
    width: 100%;
}


#contact_form textarea {
    color: #333;
    border: 1px solid #8c8c8c;
    font-size: 12px;
    width: 100%;
    height: auto;
}
.button.button-small {
    font: 14px/18px Arial, Helvetica, sans-serif;
    color: white;
    background: #666666;
    border: none;
    padding: 0;
    float: right;
    border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius :3px;
}
.button.button-small:active {
	background: #f00;
}
.button.button-small span {
    display: block;
    padding: 6px 15px;
    border: none;
    font-weight: normal;
}
#m_contact_head, .title_text_m, #goTop{
	display: none;
}
#space_h{
	height: 85px;
}
/*RWD*/

.visible {
	display: none !important;
}
@media only screen and (max-width: 1300px){
	.visible {
		display: block !important;
	}
}
.visible-m {
    display: none !important;
}
#mobile_search{
	display: none;
}

@media (min-width: 1200px){
	.visible {
	    display: block !important;
	}
}
@media (max-width: 767px){
	.visible-m {
	    display: block !important;
	    position: relative;
	}
	
}

@media only screen and (max-width: 1000px) and (min-width: 690px){
	.visible-m {
	    display: block !important;
	    position: relative;
	}
	.visible {
		display: none !important;
	}
	
}


@media only screen and (max-width: 1000px) and (min-width: 690px){
	header{
		transform: translateZ(0);
	}
	img{
		max-width: 100%;
	}
	#main {
		width: 100%;
	}
	.col-12-m{
		width: 100% !important;
	}
	.layout {
		width: 100%;
	}
	.header-container {
	    min-height: 75px;
	}
	#main_pdt, #main_pjt{
		margin-top: 0;
	}
	#main_pjt section aside{
		display: none;
	}
	article {
		margin: 0;
		padding: 0;
	}
	#logo-m {
		position: absolute;
	    top: 23px;
	    left: 36px;
	    width: 115px;
	    height: 34px;
	}
	#nav-language{
		position: absolute;
	    top: 28px;
	    right: 150px;
	    color: #fff;
	    font-size: 18px;
	}
	#nav-language a{
		color: #ddd;
	}
	#search-m{
		position: absolute;
	    top: 28px;
	    right: 100px;
	    color: #fff;
	    cursor: pointer;
	}
	#icon-menu-m{
		position: absolute;
	    top: 28px;
	    right: 20px;
	    color: #fff;
	    cursor: pointer;
	    height: 19px;
	    width: 29px;
	    background-color: transparent;
	}
	#copyright{
		margin: 0 auto;
    	width: 150px;
    	position: static;
    	padding-top: 5px;
	}
	footer nav{
		padding: 8px 0;
	    width: 300px;
	    margin: 0 auto;
	}
	#epaper{
		position: static;
		width: 328px;
		margin: 0 auto;
		margin-top: 20px;
	}
	#catList{ /*#pj_path, */
		display:none;
	}
	#page_about{
		padding:8px;
	}
	#page_about img{
		width: 100%;
	}
	#search_bg {
	    width: 264px;
	    height: 27px;
	    border-bottom:2px solid #666;
	    background-image: none;
	    margin: 0 auto;
	    padding-top: 40px;
	}
	#search {
	    margin: 3px 0 0 5px;
	    width: 234px;
	    height: 17px;
	    border: 0px;
	    font-size: 19px;
	    float: left;
	    background-color: #EFEFEF;
	    color:#f00;
	}
	a#btn_search {
	    background: url(../images/mobile/search_btn.png) no-repeat;
	    width: 22px;
	    height: 20px;
	    display: inline-block;
	}
	#mobile_search{
		width: 100%;
		background-color: #EFEFEF;
		height: 90px;
		text-align: center;
		vertical-align: middle;
		display: block;
	}
	section aside{
		width:266px;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	#search_aside h1{
		text-align: center;
		font-size: 28px;
		margin-top: 20px;
	}
	select{
		width: 251px;
		min-width: 112px;
	}
	section aside p{
		margin:18px 0 0 8px;
		width:300px;
	}
	#btn_reset{
		margin-left: 120px;
	}
	#ad_list{
		display: none;
	}
	article{
		min-height: 100px;
	}
	#pdtList{
		padding: 0 50px;
	}
	#pdtList li:nth-child(4n){
		margin-right: 0;
	}
	#pj_path,#path{
		background-color: #E6E6E6;
	    height: 60px;
	    line-height: 60px;
	    color: #f00;
	    text-align: center;
	    margin: 0;
	    padding: 0;
	    font-size: 18px;
	}
	#pj_path a,#path a{
		color: #f00;
	}
	#pj_path a,#pj_path span{
		display: none;
	}
	#pj_path a.active, #pj_path span.active{
		display: inline-block;
		
	}
	#pj_path span.active{
		padding:0 4px;
	}
	.primo{
		font-size: 28px;
		font-weight: bold;
	}
	h1#pj_cat {
		display: none;
	}
	#project_List{
		width: 650px;
    	margin: 20px auto;
	}
	
	article#pdt_detail {
	    padding: 0;
	    margin: 0;
	}
	#detail_title{
		padding: 15px;
		
	}
	#detail_title h1{
		font-size: 28px;
	}
	#cat_block {
	    margin: 15px;
	}
	#pdtblock ul.showbox {
	    left: 50%;
	}
	#pdtblock li{
		position: relative;
		left: -50%;
	}
	#pdtblock img{
		max-width: none;
	}
	#pdt_img_list{
		width: 100%;
		height: 100%;
		overflow: auto;
	}
	#pdtblock {
		overflow: hidden;
		width: 100%;	/* 圖片的寬 + 選單圖片最大的寬 */
		height: 363px;	/* 圖片的高 */		
		position: relative;
	}
	#pdtblock ul.showbox li a{
		border: 0px;
	}
	#pdt_control{
		text-align: center;
	    margin: 0 auto;
	    width: 335px;
	    position: relative;
    	top: 0px;
	}
	#pdt_control ul.link li{
		float: left;
		margin-right: 8px;
	}
	#pdt_control ul.link li a,#pdt_control ul.link li a.selected{
		position: relative;
		width: 73px;
    	height: 41px;
    	line-height: 41px;
	}
	
	#product_content, .tab_list li{
		width: 100%;
	}
	
	
	table #op_table {
		width: 100%;
		border-collapse: collapse;
	}
	#op_table th {
		/*padding: 4px 0px 4px 0;*/
	}
	#op_table td {
		white-space: nowrap;
		/*border: 1px solid #666;*/
		/*padding: 1px 0px 2px 0;*/
	}
	#pdt_content2 {
	    padding: 0 8px;
	}
	.overflowContainer #op_table {
		/*background-color: #fffa96;*/
	}
	#tbl_dwn{
		display: none;
	}
	#arrow{
		display: block;
		margin: 8px 10px 0 10px;
	}
	#arrow_right{
		display:none;
	}
	#arrow_left{
		display:none;
	}
	#project_List li{
		position: relative;
	}
	#project_List li span.goto{
		background: url(../images/arrow_right.png) no-repeat 50% 50%;
		display: inline-block;
		position: absolute;
	    right: 0;
	    bottom: 16px;
		width: 37px;
		height: 37px;
	}
	#main_pdt_detail{
		margin-top: 0px;
		width: 100%;
	}
	
	#main_pdt_detail h3, #main_pdt_detail h1{
		margin-left: 20px;
		font-size: 24px;
	}
	#pj_name{
		letter-spacing: normal;
	}
	#pjblock{
		height:90px;
	}
	#project_thumb li img{
		max-height:86px;
	}
	#project_thumb li{
		width: 90px;
    	height: 90px;
	}
	#prev, #next{
		display: none;
	}
	#project_content{
		padding: 20px 30px;
	}
	#pdt_list2pjt{
		width: 600px;
    	margin: 20px auto;
	}
	#pdt_list2pjt li h3{
		width: auto;
	}
	#pdt_list2pjt li:nth-child(3n){
		margin-right: 0;
	}
	#pdt_list2pjt li {
	    margin: 0 51px 21px 0;
	}
	#contact_detail{
		margin-top:0;
		
	}
	#contact_info{
		background-color: #E6E6E6;
		padding: 0 20px;
		width: 100% !important;
	}
	#main_pdt_detail h1#m_contact_head{
		display: block;
		color: #f00;
		font-size: 28px;
		text-align: center;
		margin-left: 0;
		padding-right: 40px;
	}
	.title_text{
		display: none;
	}
	.title_text_m{
		display: block;
		font-size: 24px;
		font-weight: bold;
	}
	#space_h{
		height: 10px;
	}
	#contact_form{
		margin-top:20px;
		border-left: 0px;
	    margin: 20px;
	    padding: 0;
	    width: 90% !important;
	}
	#news_block{
		width: 650px;
    	margin: 20px auto;
	}
	#news_block img{
		width: 100%;
	}
	#news_block .more, .isHide{
		display: none;
	}
	#news_block .list_item{
		border-bottom: 1px solid #ccc;
    	margin-bottom: 20px;
	}
	#news_content, #news_img, #page_location{
		display: block;
		padding: 10px 20px;
	}
	#page_location h1{
		background: none;
		padding: 9px 0 10px 0px;
	}
	#scrollToTop{
		display: block;
		background: url(../images/arrow_top.png) no-repeat 50% 50%;
		height: 30px;
		background-color: #E6E6E6;
	}
	#search_wrapper, #solgon{
		display: none;
	}
}
@media (max-width: 479px) {
	.visible {
	    display: none !important;
	}
	header{
		transform: translateZ(0);
	}
	img{
		max-width: 100%;
	}
	#main {
		width: 100%;
	}
	.col-12-m{
		width: 100% !important;
	}
	.layout {
		width: 100%;
	}
	.header-container {
	    min-height: 75px;
	}
	#main_pdt, #main_pjt{
		margin-top: 0;
	}
	#main_pjt section aside{
		display: none;
	}
	article {
		margin: 0;
		padding: 0;
	}
	#logo-m {
		position: absolute;
	    top: 23px;
	    left: 36px;
	    width: 115px;
	    height: 34px;
	}
	#nav-language{
		position: absolute;
	    top: 28px;
	    left: 201px;
	    color: #fff;
	    font-size: 18px;
	}
	#nav-language a{
		color: #ddd;
	}
	#search-m{
		position: absolute;
	    top: 28px;
	    left: 298px;
	    color: #fff;
	    cursor: pointer;
	}
	#icon-menu-m{
		position: absolute;
	    top: 28px;
	    left: 346px;
	    color: #fff;
	    cursor: pointer;
	    height: 19px;
	    width: 29px;
	    background-color: transparent;
	}
	#copyright{
		margin: 0 auto;
    	width: 150px;
    	position: static;
    	padding-top: 5px;
	}
	footer nav{
		padding: 8px 0;
	    width: 300px;
	    margin: 0 auto;
	}
	#epaper{
		position: static;
		width: 328px;
		margin: 0 auto;
		margin-top: 20px;
	}
	#catList{ /*#pj_path, */
		display:none;
	}
	#page_about{
		padding:8px;
	}
	#search_bg {
	    width: 264px;
	    height: 27px;
	    border-bottom:2px solid #666;
	    background-image: none;
	    margin: 0 auto;
	    padding-top: 40px;
	}
	#search {
	    margin: 0 0 2px 5px;
	    width: 234px;
	    height: 100%;
	    border: 0px;
	    font-size: 19px;
	    float: left;
	    background-color: #EFEFEF;
	    color:#f00;
	}
	a#btn_search {
	    background: url(../images/mobile/search_btn.png) no-repeat;
	    width: 22px;
	    height: 20px;
	    display: inline-block;
	}
	#mobile_search{
		width: 100%;
		background-color: #EFEFEF;
		height: 90px;
		text-align: center;
		vertical-align: middle;
		display: block;
	}
	section aside{
		width:266px;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	#search_aside h1{
		text-align: center;
		font-size: 28px;
		margin-top: 20px;
	}
	select{
		width: 251px;
		min-width: 112px;
	}
	section aside p{
		margin:18px 0 0 8px;
		width:300px;
	}
	#btn_reset{
		margin-left: 120px;
	}
	#ad_list{
		display: none;
	}
	article{
		min-height: 100px;
	}
	#pdtList{
		padding: 0 50px;
	}
	#pdtList li:nth-child(2n){
		margin-right: 0;
	}
	#pj_path,#path{
		background-color: #E6E6E6;
	    height: 60px;
	    line-height: 60px;
	    color: #f00;
	    text-align: center;
	    margin: 0;
	    padding: 0;
	    font-size: 18px;
	}
	#pj_path a,#path a{
		color: #f00;
	}
	#pj_path a,#pj_path span{
		display: none;
	}
	#pj_path a.active, #pj_path span.active{
		display: inline-block;
		
	}
	#pj_path span.active{
		padding:0 4px;
	}
	.primo{
		font-size: 28px;
		font-weight: bold;
	}
	h1#pj_cat {
		display: none;
	}
	#project_List{
		width: 306px;
    	margin: 20px auto;
	}
	
	article#pdt_detail {
	    padding: 0;
	    margin: 0;
	}
	#detail_title{
		padding: 15px;
		
	}
	#detail_title h1{
		font-size: 28px;
	}
	#cat_block {
	    margin: 15px;
	}

	#pdt_img_list{
		width: 100%;
		    height: 305px;
	}
	#pdtblock {
		overflow: hidden;
		width: 100%;	/* 圖片的寬 + 選單圖片最大的寬 */
		height: 228px;	/* 圖片的高 */		
		position: relative;
	}
	#pdtblock ul.showbox li a{
		border: 0px;
	}
	#pdt_control{
		text-align: center;
	    margin: 0 auto;
	    width: 335px;
	    position: relative;
    	top: 30px;
	}
	#pdt_control ul.link li{
		float: left;
		margin-right: 8px;
	}
	#pdt_control ul.link li a,#pdt_control ul.link li a.selected{
		position: relative;
		width: 73px;
    	height: 41px;
    	line-height: 41px;
	}
	
	#product_content, .tab_list li{
		width: 100%;
	}
	
	
	table #op_table {
		width: 100%;
		border-collapse: collapse;
	}
	#op_table th {
		/*padding: 4px 0px 4px 0;*/
	}
	#op_table td {
		white-space: nowrap;
		/*border: 1px solid #666;*/
		/*padding: 1px 0px 2px 0;*/
	}
	#pdt_content2 {
	    padding: 0 8px;
	}
	.overflowContainer #op_table {
		/*background-color: #fffa96;*/
	}
	#tbl_dwn{
		display: none;
	}
	#arrow{
		display: block;
		margin: 8px 10px 0 10px;
	}
	#arrow_right{
		float: right;
	}
	#arrow_left{
		float: left;
	}
	#project_List li{
		position: relative;
	}
	#project_List li span.goto{
		background: url(../images/arrow_right.png) no-repeat 50% 50%;
		display: inline-block;
		position: absolute;
	    right: 0;
	    bottom: 16px;
		width: 37px;
		height: 37px;
	}
	#main_pdt_detail{
		margin-top: 0px;
		width: 100%;
	}
	
	#main_pdt_detail h3, #main_pdt_detail h1{
		margin-left: 20px;
		font-size: 24px;
	}
	#pj_name{
		letter-spacing: normal;
	}
	#pjblock{
		height:90px;
	}
	#project_thumb li img{
		max-height:86px;
	}
	#project_thumb li{
		width: 90px;
    	height: 90px;
	}
	#prev, #next{
		display: none;
	}
	#project_content{
		padding: 20px 30px;
	}
	#pdt_list2pjt{
		width: 353px;
    	margin: 20px auto;
	}
	#pdt_list2pjt li h3{
		width: auto;
	}
	#pdt_list2pjt li:nth-child(2n){
		margin-right: 0;
	}
	#pdt_list2pjt li {
	    margin: 0 51px 21px 0;
	}
	#contact_detail{
		margin-top:0;
		
	}
	#contact_info{
		background-color: #E6E6E6;
		padding: 0 20px;
		width: 90% !important;
	}
	#main_pdt_detail h1#m_contact_head{
		display: block;
		color: #f00;
		font-size: 28px;
		text-align: center;
		margin-left: 0;
		padding-right: 40px;
	}
	.title_text{
		display: none;
	}
	.title_text_m{
		display: block;
		font-size: 24px;
		font-weight: bold;
	}
	#space_h{
		height: 10px;
	}
	#contact_form{
		margin-top:20px;
		border-left: 0px;
	    margin: 20px;
	    padding: 0;
	    width: 90% !important;
	}
	#news_block{
		width: 306px;
    	margin: 20px auto;
	}
	#news_block .more, .isHide{
		display: none;
	}
	#news_block .list_item{
		border-bottom: 1px solid #ccc;
    	margin-bottom: 20px;
	}
	#news_content, #news_img, #page_location{
		display: block;
		padding: 10px 20px;
	}
	#page_location h1{
		background: none;
		padding: 9px 0 10px 0px;
	}
	#scrollToTop{
		display: block;
		background: url(../images/arrow_top.png) no-repeat 50% 50%;
		height: 30px;
		background-color: #E6E6E6;
	}
	#search_wrapper, #solgon{
		display: none;
	}
}

.navbar {
    display: block;
    position: relative;
    width: 100%;
    height: 75px;
}
.navbar .btn-navbar {
    margin: 10px -10px 0 0;
    border: 0 !important;
    box-shadow: none !important;
    background: url(../images/bg-menu-mobile.png) no-repeat 50% 50%;
    display: block !important;
}

.menu_line {
    display: block;
    position: absolute;
    width: 28px;
    height: 3px;
    left: 0;
    background-color: #fff;
    transform-origin: 50% 50%;
    transition: background-color .2s;
}
#nav-language a.lang-active{
	color: #6D6E71;
}
.menu_line:nth-child(1) {
    top: 0
}

.menu_line:nth-child(2) {
    top: 8px
}

.menu_line:nth-child(3) {
    bottom: 0
}

#nav-mobilemenu {
	text-align: center;
    position: absolute;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    /*padding: 25px;*/
    padding-top: 95px;
    background-color: #f00;
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s step-end,transform .3s step-end,opacity .3s linear;
}

.nav-mobilemenu-container.nav #nav-mobilemenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: transform .8s cubic-bezier(.19,1,.22,1),visibility .8s step-start,opacity .3s linear
}

.nav-mobilemenu-container.nav .menu_line:nth-child(1) {
    transform: translateY(8px) rotate(-45deg)
}


.nav-mobilemenu-container.nav .menu_line:nth-child(2) {
    display: none
}

.nav-mobilemenu-container.nav .menu_line:nth-child(3) {
    transform: translateY(-8px) rotate(45deg)
}
.is-openmenu #main_pjt,.is-openmenu footer{
	max-height: 0;
    overflow: hidden;
}

.cp-main-nav__content__top__menu>ul>li {
    margin-bottom: 30px;
}

#lang {
	/*background: #ccc;*/
	color: #fff;

}
.IPLEVEL {
				border-color: #999999;
				border-style: solid;
				border-width:1px;
				width: 28px;
				height: 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;	
				font-size:medium;			
				padding: 12px 10px 10px 5px;
				color:#666666
}