body{
	/*border-top:7px solid #093b7a;*/
	width:100%;
    overflow-y: scroll;
	font-family:微軟正黑體,arial;
}



/*宣告自訂名字 載入字型*/
@font-face
{
	font-family: font1;
	src: url('Lighthouse_PersonalUse.ttf');
}

/****頁首****/

#headertop{
	height:5px;
	width:100%;
	display:block;
	background-image:url(../images/headertop.jpg);
	background-repeat:repeat-x;
}

#headerframe{
	height:92px;
	width:100%;
	display:block;
	background-image:url(../images/headerbg.jpg);
	background-repeat:repeat-x;
}


#header{
	height:92px;
	width:980px;
	display:block;
	margin:0 auto;
}

#header h1{
	height:92px;
	width:328px;
	display:block;
	float:left;
}

#header h1 a.headerzh{
	height:65px;
	width:328px;
	display:block;
	margin-top:13px;
	background-image:url(../images/logo.png);
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#header h1 a.headeren{
	height:65px;
	width:328px;
	display:block;
	margin-top:13px;
	background-image:url(../images/logo2.png);
	text-indent:-9999px;
	background-repeat:no-repeat;
}

.headerright{
	float:right;
	width:500px;
	display:block;
	text-align:right;
}
.toplink{
	height:46px;
	display:block;
	line-height:46px;
	font-size:13px;
	color:#333;
}

.toplink a{
	text-decoration:none;
	color:#333;
}

.toplink a:hover{
	text-decoration:underline;
}

.topphone{
	height:46px;
	display:block;
	line-height:46px;
	font-size:22px;
	display:none;
}

.topphone i{
	line-height:46px;
	font-size:30px;
	color:#fff !important;
	
}

.topphone a{
	text-decoration:none;
	color:#FFF;
}


/****首頁內容框****/
.indexsection{
	width:980px;
	height:250px;
	margin:0 auto;
}

.indexnews{
	width:330px;
	height:250px;
	float:left;
	padding:5px;
}

.indexpro{
	width:640px;
	height:240px;
	float:right;
	margin:5px 0;
	border:1px solid #d6d6d6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.indexnews h4{
	float:left;
	display:block;
	margin-top:10px;
}

.indexnews span.newssapn a{
	float:left;
	text-indent:-9999px;
	width:39px;
	height:13px;
	display:block;
	background-image:url(../images/more.png);
	transition:all 0.4s;
	margin-left:5px;
	margin-top:13px;
}

.indexnews b{
	float:left;
	width:100px;
	padding:2px;
	text-align:center;
	display:block;
	margin-right:5px;
	margin-bottom:13px;
	background-color:#0380C9;
	color:#FFF;
}

.indexnews p.time02{
}

.indexnews span.newsspan a:hover{
	background-image:url(../images/more_on.png);
}

.indexnews ul{
	clear:left;
	padding-top:10px;
}

.indexnews ul li{
	list-style-type:none;
	padding-bottom:5px;
	border-bottom:1px dashed #808080;
	margin-bottom:10px;
}

.indexnews ul li a{
	font-size:13px;
	text-decoration:none;
	color:#00537c;
}


.indexnews ul li a:hover{
	color:#09F;
}

.indexnews ul li a:hover p.text01{
	text-decoration:underline;
}

.indexnews ul li p.title01{
	font-size:13px;
	font-weight:bold;
}

.indexnews ul li p.time01{
	color:#333;
}

.indexnews ul li p.title02{
	font-size:13px;
	font-weight:bold;
}


.indexnews ul li img{
	max-width:948px;
}

.indexnews .n01{
	width:73px;
	height:20px;
	display:block;
	background-image:url(../images/indexnews.png);
	text-indent:-9999px;
}
.indexnews h4{
	color:#00527B;
}

.indexpro h4{
	float:left;
	display:block;
	margin:10px 0 0 10px;
	color:#00527B;
}

.indexpro h4.p01{
	width:73px;
	height:20px;
	display:block;
	text-indent:-9999px;
	
	background-image:url(../images/indexpro.png);
	
}

.indexpro span a{
	float:left;
	text-indent:-9999px;
	width:39px;
	height:13px;
	display:block;
	background-image:url(../images/more.png);
	transition:all 0.4s;
	margin-left:5px;
	margin-top:13px;
}

.indexpro span a:hover{
	background-image:url(../images/more_on.png);
}

.indexpro ul{
	clear:left;
	padding-top:10px;
	margin-left:5px;
}

.indexpro ul li{
	float:left;
	list-style-type:none;
	width:33%;
	display:block;
}

.indexpro ul li b{
	
	display:block;
	border:3px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:0 2% 5% 2%;
	-moz-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
}

.indexpro ul li img{
	margin:0 auto;
	height:141px;
	max-width:100%;
	display:block;
}
.indexpro ul li a{
	text-decoration:none;
	font-size:15px;
	text-align:center;
	color:#333;
	transition:all 0.4s;
}

.indexpro ul li a:hover{
	text-decoration:underline;
}

.indexpro ul li p{
	width:95%;
	margin-left:5px;
}


/****麵包屑****/
#bread{
	width:100%;
	overflow:hidden;
	display:block;
	background-color:#F4F4F4;
}

.breadbox{
	width:980px;
	display:block;
	margin:0 auto;
	background-color:#F4F4F4;
}

.breadbox i{
	color:#0CF;
}

.breadbox a{
	margin-top:5px;
	text-decoration:none;
	color:#6e727e;
	float:left;
	padding:0 10px;
	font-size:13px;
}

.breadbox span{
	width:16px;
	height:25px;
	display:block;
	background-image:url(../images/breadarrow.jpg);
	float:left;
}

/****內容****/
#content{
	width:100%;
	background-color:#E5E5E5;
	padding:15px 0;
}

/***桌布文字***/

.wallbg{
	width:100%;
	display:block;
	background-color:#CCC;
	
}

.wallpaper{
	width:1070px;
	display:table;
	height:350px;
	margin:0 auto;
	position:relative;
	font-family:Verdana,微軟正黑體, Geneva, sans-serif;
}

.wallpaper p{
	color:#FFF;
	text-shadow:0px 0px 7px #000; /* 陰影設定*/
	font-size:50px;
	font-weight:normal;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
/*
.wallpaper span{
	width:980px;
	display:table;
	max-height:350px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-image:url(../images/wallmask.png);
}
*/

.wallpaper .leftmask{
	width:203px;
	display:block;
	height:350px;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	background-image:url(../images/leftmask.png);
}
.wallpaper .rightmask{
	width:203px;
	display:block;
	height:350px;
	position:absolute;
	right:0;
	top:0;
	z-index:50;
	background-image:url(../images/rightmask.png);
}


.wallpaper img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/****關於我們****/
.aboutbox{
	width:980px;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:15px;
}

.aboutbox h4{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-18px 0;
	margin-bottom:12px;
	margin-top:-10px;
}

.aboutbox img{
	max-width:950px;
}

/***服務介紹**
.servicebox{
	width:980px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding-left:1.8%;
	margin-top:20px;
}**/

.servicebox{
	width:980px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:8px;
}

.textcss{
	width:100%;
}

.textcss img{
	max-width:950px;
}


.serviceitem{
	width:31%;
	height:400px;
	float:left;
	display:block;
	margin-right:2%;
	margin-bottom:20px;
}

.serviceitem a{
	width:100%;
	height:400px;
	display:block;
	text-decoration:none;
}

.servicebox h4{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-133px 0;
	margin-bottom:12px;
	margin-top:-10px;
	color:#333;
}

.servicebox h3{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-242px 0;
	margin-bottom:12px;
	margin-top:-5px;
	color:#333;
}


.serviceconbox h4{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-242px 0;
	margin-bottom:12px;
	margin-top:-5px;
	color:#333;
}

.serviceitem:hover h4{
	color:#0B458F;
	
}


.serviceitem .imgframe{
	width:100%;
	background-color:#FFF;
	height:218px;
	display:block;
	border:3px solid #666;
	transition:all 0.4s;
	
}

.serviceitem:hover .imgframe{
	-moz-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		border:3px solid #0B458F
	
}


.serviceitem .imgframe img{
	display:block;
	max-height:218px;
	max-width:100%;
}

.serviceitem p{
	margin-top:10px;
	font-size:13px;
	line-height:1.4;
	color:#333;
	margin-bottom:10px;
}

.serviceitem span{
	color:#6194BC;
	font-size:13px;
	font-weight:bold;
	
}


/****服務介紹內容****/
.serviceconbox{
	width:980px;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:7px;
	overflow:hidden;
}

.scleft{
	width:35%;
	height:240px;
	display:block;
	float:left;
	background-color:#FFF;
	border:1px solid #CCC;
	transition:all 0.4s;
}

.scleft:hover{
	-moz-box-shadow:0px 0px 7px 0px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow:0px 0px 7px 0px rgba(20%,20%,40%,0.3);
	box-shadow:0px 0px 7px 0px rgba(20%,20%,40%,0.3);
}
.scleft a{
	color:#999;
	transition:all 0.4s;
}

.scleft:hover a{
	color:#03F;	
}

.scright{
	width:64%;
	height:240px;
	display:block;
	float:right;
}

.scbottom{
	width:100%;
	display:block;
	float:left;
	overflow:hidden;
	margin-top:10px;
}

.scbottom table{
	max-width:958px;
}

/**產品**/

.proframe{
	margin-top:30px;
}
.prolist{
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:10px;
	
}



.prolist b{
	font-size:18px;
	color:#06F;
	display:block;
	margin-bottom:5px;
	margin-left:1%;
}

.prolist ul{
	border-top:10px solid #CCC;
	clear:both;
	margin-left:1%;
	list-style-type:none;
	margin-bottom:15px;
}

.prolist ul li{
	width:33.3%;
	float:left;
	border:1px solid #ccc;
	padding:5px 0;
	margin:0 -1px -1px 0;
	padding-left:5px;
	
}

.prolist ul li a{
	text-decoration:none;
	display:block;
	width:100%;
	color:#666;
}

.prolist ul li:hover{
	background-color:#F4F4F4;
	
}

.prolist ul li:hover a{
	color:#06F;
	
}

.prolist img{
	width:100%;
	height:auto;
	
}


.prolist2{
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:10px;
	
}

.prolist2 span.gg{
	width:100%;
	padding:5px 0 5px 5px;
	background-color:#666;
	color:#FFF;
	display:block;
	text-align:center;
	letter-spacing:4px;
	
}

.prolist2 b{
	font-size:18px;
	color:#06F;
	display:block;
	margin-bottom:5px;
	margin-left:1%;
}

.prolist2 ul{
	clear:both;
	list-style-type:none;
	margin-bottom:15px;
}

.prolist2 ul li{
	float:left;
	border:1px solid #ccc;
	margin:0 -1px 15px 0;
	
}

.prolist2 ul li a{
	text-decoration:none;
	display:block;
	width:100%;
	color:#666;
}

.prolist2 ul li:hover{
	background-color:#F4F4F4;
	
}

.prolist2 ul li:hover a{
	color:#06F;
	
}

.prolist2 img{
	width:100%;
	height:auto;
	
}

.prolist2 p{
	width:100%;
	display:block;
	padding:5px;
	
}


/**全球案例***/
.caseitem{
	width:31%;
	height:290px;
	float:left;
	display:block;
	margin-right:2%;
	margin-bottom:20px;
}

.caseitem a{
	width:100%;
	height:320px;
	display:block;
	text-decoration:none;
}


.caseitem .imgframe{
	width:100%;
	background-color:#FFF;
	height:218px;
	display:block;
	border:3px solid #666;
	transition:all 0.4s;
	
}

.caseitem:hover .imgframe{
	-moz-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		border:3px solid #0B458F
	
}


.caseitem .imgframe img{
	display:block;
	max-height:218px;
	max-width:100%;
}

.caseitem p{
	margin-top:10px;
	font-size:15px;
	line-height:1.4;
	color:#333;
	margin-bottom:10px;
}

/***案例入口***/
.caselogin{
	float:left;
	width:31%;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#FFF;
	text-align:center;
	padding:15px 0;
	display:block;
	margin:20px 0;
	transition:all 0.4s;
	margin-right:0%;
	margin-left:2%;
	border:1px solid #CCC;
}

.caselogin:hover{
	-moz-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
}


.caselogin a{
	text-decoration:none;
	font-size:20px;
	color:#FFF;
	display:block;
	width:100%;
}

.caselogin a:hover{
	color:#FF0;
}
.caselogin img{
	margin-bottom:10px;
	max-width:400px;
	max-height:220px;
}

.caselogin a{
	text-decoration:none;
	font-size:20px;
}

.caselogin p{
	background-color:#0158A7;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	padding:5px 0;
	margin-bottom:10px;
}


/***服務內頁產品圖****/
#gallery{
	width:280px;
	height:200px;
	margin:10px auto 5px auto;
	background-color:#FFF;
	position:relative;
}

#gallery img{
	max-width:280px;
	max-height:200px;
}

#gallery p{
	position:absolute;
	bottom:-25px;
	left:90px;	
}

#gallery img.zoomicon{
	vertical-align:middle;
	margin-top:-4px;	
}

/***服務內頁右側資訊圖****/
.scright h4{
	width:100%;
	padding:10px 5px 10px 15px;
	display:block;
	background-color:#F6F6F6;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:16px;
	color:#333;
	margin-bottom:10px;
}

.scright span{
	width:9px;
	height:9px;
	margin-left:2px;
	margin-top:5px;
	margin-right:5px;
	display:block;
	background-image:url(../images/grayarrow.jpg);
	float:left;
}

.scright p{
	font-size:13px;
	width:95%;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

.scright .file{
	font-size:13px;
	width:95%;
	margin:0 auto;
}

.scright .file b{
	font-size:13px;
	margin-bottom:15px;
	background-color:#808179;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	padding:5px;
	margin-top:10px;
	font-weight:normal;
}

.scright .file a{
	text-decoration:none;
	color:#1CA1FF;
}

.scright .file a:hover{
	text-decoration:underline;
}

.scbtitle{
	width:920px;
	height:20px;
	border-left:7px solid #F60;
	font-size:13px;
	line-height:20px;
	padding-left:10px;
	color:#454545;
	
}

.shadow01{
	background-image:url(../images/shadow01.jpg);
	width:907px;
	height:15px;
	margin:0 auto;
}

.scbtext{
	margin-top:10px;
}

.scbtext img{
	max-width:958px;
	height:auto;
}





/****聯絡我們****/
.contactbox{
	width:980px;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:15px;
	overflow:hidden;
}

.contactbox h4{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-475px 0;
	margin-bottom:10px;
	margin-top:-10px;
}

.cbinfo{
	width:55%;
	height:250px;
	float:left;
	line-height:1.5;
}

.cbmap{
	width:44%;
	float:right;
	border:1px solid #CCC;
	position: relative;
	padding-bottom: 25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	 
	
}

.cbmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cbform{
	width:100%;
	float:left;
	margin-top:10px;
	display:block;
}

.cbinfo p{
	font-size:15px;
	margin-bottom:8px;
}


.cbinfo span{
	background-color:#09F;
	color:#FFF;
	padding:2px 5px;
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.cbform ul{
	width:100%;
	display:block;
}

.cbform ul li{
	width:100%;
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
}

.cbform ul li b{
	color:#F00;
}

.cbform ul li span{
	width:12%;
	padding:5px 0;
	text-align:center;
	background-color:#E2F3FF;
	display:block;
	float:left;
	margin-right:8px;
	font-family:微軟正黑體;
	font-size:15px;
}

.cbform ul li span.cbmsg{
	height:150px;
}

.cbform ul li .cbinput{
	width:87%;
	height:30px;
}

.cbform ul li textarea{
	width:87%;
	height:150px;
}

.cbform ul li .cbreset{
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 15px;
    -webkit-user-select: none;
	 color: #fff;
    background-color:#999;
    border-color:#999;
	font-family:微軟正黑體;
	transition:all 0.3s;
}

.cbform ul li .cbreset:hover{
    background-color:#666;
    border-color:#666;
}

.cbform ul li .cbsubmit{
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 15px;
    -webkit-user-select: none;
	 color: #fff;
    background-color:#06F;
    border-color:#06F;
	font-family:微軟正黑體;
	transition:all 0.3s;
}

.cbform ul li .cbsubmit:hover{
    background-color:#036;
    border-color:#036;
}

.cbform ul li.cbbtu{
	text-align:center;
}


/****置頁頂***/
.gotop{
	width:980px;
	height:40px;
	display:block;
	background-color:#efeeee;
	margin:0 auto;
	margin-top:10px;
	line-height:40px;
	text-align:center;
}

.gotop a{
	padding:2px 5px;
	color:#FFF;
	background-color:#25689f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	transition:all 0.3s;
	font-family:微軟正黑體;
	font-size:13px;
}

.gotop a:hover{
	background-color:#09F;
}


/***最新消息***/
.newsframe{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:10px;
}


.newsframe h4{
	width:114px;
	height:38px;
	display:block;
	background-image:url(../images/m01.png);
	text-indent:-9999px;
	background-position:-362px 0;
	margin-top:-10px;
}

/****頁尾****/
#footer{
	
	width:100%;
	height:auto;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat-x;
	display:block;
	padding-bottom:20px;
	background-color:#F1F1F1;
	overflow:hidden;
}

.footerbox{
	width:980px;
	margin:0 auto;
	height:131px;
	display:table;
}

.footerbox p{
	height:131px;
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
	color:#3e3e3e;
	font-family:微軟正黑體,arial;
	font-size:13px;
}

.footerbox p.fright{
	text-align:right;
	line-height:1.5;
}

.footerbox span{
	background-color:#3e3e3e;
	color:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:0px 5px;
}



/*分頁專用*/
.pagination {
	line-height:40px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 12px;
	text-align: center;
}
        
.pagination a {
	text-decoration: none;
	border: 1px solid #00537C;
	color: #00537C;
	padding: 4px 6px;
	margin: 0 2px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 12px;
}
.pagination a:hover{
	text-decoration: none;
	color: #FFF;
	padding: 4px 6px;
	margin: 0 2px;
	background-color: #00537C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.pagination .current {
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 12px;
	color: #fff;
	background-color: #00537C;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}

.pagination .current.prev, .pagination .current.next{
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 12px;
	color: #CCC;
	border-color: #F36209;
	background: #fff;
}

/**英文中文h4標題**/
h4.n02{
	text-indent:0px;
	background-image:none;
	margin-top:0px;
	margin-bottom:0;
}


/***社群圖示**/

.footerbox a.socialicon{
	color:#3E3E3E;
	transition:all 0.4s;
	font-size:30px;
}

.footerbox a.socialicon:hover{
	color:#36F;
}

.footerbox a{
	text-decoration:none;
	color:#3E3E3E;
}

.footerbox a:hover{
	text-decoration:underline;
}

.iconbr{
	display:none;
}

.fbr{
		display:none;
	}


/****************RWD設定*****************/

@media screen and (max-width: 1440px) {


}

@media screen and (max-width: 1200px) {

/***桌布文字***/
.wallpaper{
}

.wallpaper p{
	font-size:40px;
}



}

@media screen and (max-width: 1024px) {

/**首頁內容**/
#menubg{
	width:100%;
}

.indexsection{
	width:100%;
}

.indexnews{
	width:36%;
}

.indexpro{
	width:64%;
}

/***最新消息***/
.newsframe{
	width:100%;
}

}




@media screen and (max-width: 800px) {


/****首頁內容框****/
.indexsection{
	clear:left;
	width:100%;
	height: auto;
	overflow:hidden;
}

.indexnews{
	width:97%;
	height: auto;
	float:none;
	padding:1% 1.5%;
}

.indexpro{
	width:100%;
	overflow:auto;
	height: auto;
	float:none;
	margin:5px 0;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.indexpro ul li{
	width:33%;
	float:left;
	display:block;
}

.indexnews ul li img{
	width:100%;
	height:auto;
}

.indexpro ul li img{
	width:95%;
	height:auto;
}


   	#BOX{
		position:absolute;
		top:30px;
		right:10px;
	}
   
    #header{
		width:100% ;
		margin-bottom:-34px;
	}
	
	
	.headerright{
		float:right;
		margin-right:80px;
		width:270px;
		margin-top:20px;
	}
	
	.toplink{
	height:25px;
	display:block;
	line-height:25px;
	font-size:13px;
	color:#333;
}


.topphone{
	height:25px;
	display:block;
	line-height:25px;
	font-size:22px;
	display:none;
}

.topphone i{
	line-height:25px;
	font-size:30px;
	color:#fff;
	display:none;
}




/****麵包屑****/
.breadbox{
	width:100%;	
	text-align:left;
}


/****內容****/
#content{
	width:100%;
	background-color:#E5E5E5;
	padding:2%;
}

/***桌布文字***/
.wallbg{
	width:100%;
	height:auto;
	
}

.wallpaper{
	width:100%;
	height:auto;
}

.wallpaper img{
	width:100%;
	height:auto;
	position:relative;
}


.wallpaper .leftmask, .wallpaper .rightmask{
	display:none;
}

.aboutbox{
	width:100%;
}

.aboutbox img{
	max-width:100%;
	height: auto;
}




/***服務介紹****/
.servicebox{
	width:100%;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding-left:1.8%;
	margin-top:20px;
}

.textcss img{
	width:100%;
	height:auto;
}

.serviceitem{
	width:46%;
	height:400px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:20px;
}

.serviceitem a{
	width:100%;
	height:400px;
	display:block;
	text-decoration:none;
}

.serviceitem h4{
	margin-bottom:10px;
	color:#333;
}

.serviceitem:hover h4{
	color:#0B458F;
	
}


.serviceitem .imgframe{
	width:100%;
	background-color:#FFF;
	height:218px;
	display:block;
	border:3px solid #666;
	transition:all 0.4s;
	
}

.serviceitem:hover .imgframe{
	-moz-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		border:3px solid #0B458F;
	
}


.serviceitem .imgframe img{
	display:block;
	max-height:218px;
	max-width:100%;
}

.serviceitem p{
	margin-top:10px;
	font-size:13px;
	line-height:1.4;
	color:#333;
	margin-bottom:10px;
}

.serviceitem span{
	color:#6194BC;
	font-size:13px;
	font-weight:bold;
	
}

/****服務介紹內容****/
.serviceconbox{
	width:100%;
	background-color:#FFF;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border:1px solid #CCC;
	margin:0px auto;
	padding:10px;
	overflow:hidden;
}

.scleft{
	width:44%;
	height:240px;
	display:block;
	float:left;
	background-color:#FFF;
	border:1px solid #CCC;
	transition:all 0.4s;
}

.scright{
	width:55%;
	height:240px;
	display:block;
	float:right;
}

.shadow01{
	width:100%;
}
.scbottom{
	width:100%;
	display:block;
	float:left;
	overflow:hidden;
	margin-top:10px;
}

.scbottom img{
	max-width:100%;
	height:auto;
}

.scbtext img{
	max-width:100%;
	height:auto;
}


.scbottom table{
	max-width:698px;
}

.caseitem{
	width:46%;
	height:290px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:20px;
}

.caseitem a{
	width:100%;
	height:300px;
	display:block;
	text-decoration:none;
}

.caseitem .imgframe{
	width:100%;
	background-color:#FFF;
	height:225px;
	display:block;
	border:3px solid #666;
	transition:all 0.4s;
	
}

.caseitem:hover .imgframe{
	-moz-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		box-shadow:0px 0px 12px 0px rgba(20%,20%,40%,0.5);
		border:3px solid #0B458F;
	
}


.caseitem .imgframe img{
	display:block;
	max-height:225px;
	max-width:100%;
}

.caseitem p{
	margin-top:10px;
	font-size:15px;
	line-height:1.4;
	color:#333;
	margin-bottom:10px;
}


/**產品內頁**/
.prolist2 ul li{
	float:none;
	border:1px solid #ccc;
	margin:0 -1px 15px 0;
	width:100% !important;
	
}

/***聯絡我們***/
.cbinfo{
	width:100%;
	padding-bottom:10px;
	float:left;
	height:auto;
	line-height:1.5;
}

.cbmap{
	width:100%;
	float:right;
	border:1px solid #CCC;
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top:10px;
	 
	
}
.cbform ul li span{
	width:100%;
	padding:5px 0;
	text-align:center;
	background-color:#E2F3FF;
	display:block;
	float:left;
}

.cbform ul li span.cbmsg{
	height:150px;
}

.cbform ul li .cbinput{
	width:100%;
	height:30px;
}

.cbform ul li textarea{
	width:100%;
	height:150px;
}

.cbform ul li span.cbmsg{
	height:30px;
}
.cbform ul li span{
	background-color:#FFF;
	text-align:left;
}


#footer{
	width:100%;
	background-image:url(../images/footerbg.jpg);
	display:block;
	overflow:hidden;
}



.footerbox{
	width:100%;
	margin:0 auto;
	display:table;
}

.footerbox p{
	padding-left:10px;
}
.footerbox p.fright{
	padding-right:10px;
}

/****置頁頂***/
.gotop{
	width:100%;
}

/****聯絡我們****/
.contactbox{
	width:100%;
}

}


@media screen and (max-width: 650px) {
 #header{
		margin-bottom:-50px ;
	}
	
	#header h1{
			height:30px;
			margin-left:1%;
			
		}
		
		#header h1 a.headerzh{
			margin-top:33px;
			width:200px;
			background-size:100%;
	}
	
	#header h1 a.headeren{
			margin-top:33px;
				width:200px;
				background-size:100%;
	}
			
	
		
		#BOX{
			top:33px;
			right:5px;
		}
	.headerright{
		float:none;
		background-color:#5A5653;
		width:100%;
		position:absolute;
		top:-15px;
		left:0;
		text-align:left;
		color:#FFF;
	}
	
	.toplink{
	height:25px;
	display:block;
	font-size:13px;
	background-color:#5A5653;
	float:left;
	width:40% !important;
	padding-left:2%;
	color:#FFF;
	line-height:20px;
}

.toplink a{
	color:#FFF;
}


.topphone{
	width:60% !important;
	height20px;
	display:block;
	font-size:20px;
	float:right;
	text-align:right;
	padding-right:2%;
	line-height:20px;
}

.topphone i{
	line-height:20px;
	font-size:20px;
	display:inline-table;
}

/***桌布文字***/
.wallpaper{
}

.wallpaper p{
	font-size:30px;
}

/***服務介紹****/
.serviceitem{
	width:46%;
	height:400px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:40px;
}

.caseitem{
	width:46%;
	height:270px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:40px;
}


.scleft{
	width:100%;
	height:240px;
	display:block;
	float:none;
	background-color:#FFF;
	border:1px solid #CCC;
	transition:all 0.4s;
}

.scright{
	margin-top:10px;
	width:100%;
	height:auto;
	display:block;
	float:none;
}

.scright p{
	font-size:13px;
	width:100%;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

.scright .file{
	font-size:13px;
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
}

.caselogin{
	float:none;
	width:98%;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#FFF;
	text-align:center;
	padding:15px 0;
	display:block;
	margin:10px 0 ;
	margin-left:2%;
	transition:all 0.4s;
	
}

.caselogin img{
}

.prolist li{
	width:100% !important;
}

#footer{
	width:100%;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat-x;
	display:block;
	overflow:hidden;
}

#footer img{
	margin-bottom:2%;
}

.scbottom table{
	max-width:576px;
}

.footerbox{
	width:100%;
	margin:0 auto;
	display:block;
	height:auto;
	margin-top:20px;
}

.footerbox p{
	display:block;
	height:auto;
	text-align:center;
	padding-left:10px;
}
.footerbox p.fright{
	height:auto;
	text-align:center;
	display:block;
	padding-right:10px;
}

.iconbr{
	display:block;
}

/**驗證碼**/
#chkcode{
	width:40% !important;
}


}

@media screen and (max-width: 500px) {
	
	 #header{
		margin-bottom:-50px ;
	}
	
	#header h1{
			height:30px;
			width:200px;
			
		}
		#header h1 a.headerzh{
			margin-top:33px;
			width:200px;
			background-size:100%;
	}
	
	#header h1 a.headeren{
			margin-top:33px;
				width:200px;
				background-size:100%;
	}
		
		
	/**首頁內容**/
	.indexpro ul li{
		width:100%;
		float:left;
		display:block;
		margin-bottom:5%;
	}
	
	.indexpro ul li img{
		width:95%;
		max-height:225px;
	}
	
	.indexpro ul li p{
		width:95%;
		height:auto;
		margin:10px 0 20px 0;
	}

		
		
		#BOX{
			top:33px;
			right:5px;
		}
	.headerright{
		float:none;
		width:100%;
		position:absolute;
		top:-15px;
		left:0;
		text-align:left;
		color:#FFF;
	}
	
	.toplink{
	height:25px;
	display:block;
	font-size:13px;
	float:left;
	width:40% !important;
	padding-left:2%;
	color:#FFF;
	line-height:20px;
}

.toplink a{
	color:#FFF;
}


.topphone{
	width:60% !important;
	height20px;
	display:block;
	font-size:20px;
	float:right;
	text-align:right;
	padding-right:2%;
	line-height:20px;
}

.topphone i{
	line-height:20px;
	font-size:20px;
}
/***桌布文字***/
.wallpaper{
}

.wallpaper p{
	font-size:22px;
}

/***服務介紹****/
.serviceitem{
	width:46%;
	height:400px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:60px;
}

.caseitem{
	width:46%;
	height:260px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:60px;
}

/***案例入口***/
.caselogin{
	float:left;
	width:98%;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#FFF;
	text-align:center;
	padding:15px 0;
	display:block;
	margin:10px 0 ;
	margin-left:2%;
	transition:all 0.4s;
	
}


.scbottom table{
	max-width:442px;
}

.footerbox {
		margin-top:55px;
		text-align:left;
	}
.footerbox p{
		font-size:12px;
		text-align:left;
	}

.footerbox p.fright{
		font-size:12px;
		text-align:left !important;
	}

.fbr{
		display:block;
	}


}



@media screen and (max-width: 360px) {

		 #header{
		margin-bottom:-45px ;
	}
		#header h1 a.headerzh{
			margin-top:36px;
			width:200px;
			background-size:100%;
	}
	
	#header h1 a.headeren{
			margin-top:36px;
				width:200px;
				background-size:100%;
	}
		
		
		#BOX{
			top:32px;
			right:5px;
		}
		
	
		
		.toplink{
		height:25px;
		display:block;
		font-size:12px;
		color:#FFF;
		line-height:25px;
		float:left;
		padding-left:10px;
		width:52% !important;
	}

	.toplink a{
		font-size:12px;
		line-height:25px;
	}
		
		.headerright{
		top:-20px;
	}
		
		.topphone{
		width:48% !important;
		font-size:12px;
		text-align:right;
		line-height:25px;
		
	}
	
	.topphone i{
		font-size:12px;
		line-height:25px;
	}

	#content{
	width:100%;
	background-color:#E5E5E5;
	padding:4% 2%;
}

.wallpaper p{
	font-size:18px;
}

/***服務介紹****/
.serviceitem{
	width:96%;
	height:400px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:0px;
}

.caseitem{
	width:96%;
	height:290px;
	float:left;
	display:block;
	margin:0 2%;
	margin-bottom:20px;
}
#gallery {
	width:95%;
}

#gallery img{
	max-width:280px;
	max-height:180px;
}

#gallery p{
	position:absolute;
	bottom:-25px;
	left:79px;	
}

.scbottom table{
	max-width:268px;
}
	.footerbox p{
		font-size:12px;
	}
	
.caseblank{
	display:block;
}

.indexnews b{
	float:none;
	width:100%;
	padding:2px;
	text-align:center;
	display:block;
	margin-right:5px;
	margin-bottom:13px;
	background-color:#0380C9;
	color:#FFF;
}
.indexnews p.time02{
	text-align:center;
}

.indexpro ul li img{
	max-height:228px;
}

/***社群圖示**/

.footerbox a.socialicon{
	margin-right:5px;
	
}

.proclass {
	font-size:13px;
	float:left !important;
	margin-bottom:15px;
	margin-left:5px;
}



}