.for_desktop , .for_mobile ,  .for_desktop_mobile {
	display:none;
}


#top{
	background-color:#062647;
	padding:20px 0px;
}

#menu > li{
	background-image:url(../images/header/slash.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	color:white;
	display:inline-block;
	*display:inline;
	font-size:12px;
	height:45px;
	line-height:45px;
	padding:0px 2%;
	text-align:center;
	vertical-align:top;
	*zoom:1;
}

#menu > li:first-child{
	background-image:url(../images/blank.png);
}
#menu > li:first-child img{
	height:45px;
}

@media (max-width: 950px) {
	
	#menu > li:first-child {
	
		display:block;
	}
	#menu > li{
		padding:0px 3%;
	}
}

#menu > li a{
	color:white;
	text-decoration:none;
}
#menu > li a:hover{
	color:white;
	text-decoration:none;
}

#menu > li .fb{
	height:20px;
}

@media  (max-width: 700px) {
	#menu > li{
		padding:0px 2%;
	}
}


.page_title{
	border-bottom:1px solid #999999;
	height:81px;
	line-height:81px;
	margin:0px auto;
	width:50%;	
}

.page_title > h1{
	font-size:27px;
	margin:0px;padding:0px;
	
}


#footer{
	background-color:#062647;
	padding:40px 0px;
}



#footer > .content > li{
	border-left:1px dotted white;
	color:white;
	display:inline-block;
	*display:inline;
	font-size:12px;
	height:180px;
	line-height:30px;
	padding:0px 2%;
	text-align:left;
	vertical-align:top;
	*zoom:1;
}

#footer > .content > li:first-child{
	border:0px;
}

#footer .qr{
	padding-right:10px;
}


#footer  h2{
	color:white;
	font-size:15px;
	font-weight:normal;
	line-height:100%;
}

#footer p{
	margin:0px;
	padding:0px;
}

#footer .tel{
	font-size:18px;
	font-weight:bold;
	line-height:100%;
	margin:0px;
	padding:0px 0px 20px 0px;
}

#footer > .content > li.share  .share_btn{
	margin:15px 0px;
}


@media (max-width: 900px) {
	#footer > .content > li{
		width:480px;
	}
	#footer > .content > li{
		border:0px;
		width:287px;
	}
	
	#footer > .content > li:first-child{
		border:0px;
		text-align:center;
		width:200px;
	}
	#footer .tel{
		font-size:24px;
		
	}
	/*#footer > .content > li:last-child{
		border:0px;
		display:block;
		padding:10px 0px;text-align:center;
		width:100%;
	}*/
}

.map_container iframe{
	height:300px;
}


.cms_toolbar{
	display:none;
}
.cms_toolbar_inner{
	display:none;
}

/******** index *********/
.index_nav_container{
	background-color:#FAFAFA;
}
.index_nav {
	padding:40px 0px;
}

.index_nav > li{
	
	display:inline-block;
	*display:inline;
	margin:1%;
	width:30%;
	vertical-align:top;
	*zoom:1;
}
.index_nav img{
	width:100%;
}

.index_nav > li .logo{
	border:1px solid black;
}
.index_nav > li .button{
	margin:10px 0px;
}
.index_nav > li .button img{
	width:50%;
}


.index_project_container{
	background-color:#EDEDED;
}
.index_project {
	margin:0px auto;
	padding:30px 0px;
}
.index_project > li{
	background-color:white;
	display:inline-block;
	*display:inline;
	margin:1%;
	width:23%;
	vertical-align:top;
	*zoom:1;
}
.index_project img{
	width:100%;
}
.index_project h2{
	font-size:16px;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px;
}






/********* contact ********/

.contact_container{
	color:#666666;
	margin:40px auto;
	width:90%;
}
.contact_map , .contact_form , .contact_form_field .note{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
}

.contact_map{
	border:1px solid #999999;
	width:50%;
}
.contact_map .map_frm{
	height:350px;
	width:100%;
}


.contact_form{
	font-size:15px;
	line-height:200%;
	width:45%;
	padding-left:3%;
	text-align:left;
}
.contact_form p{
	margin:0px;
	padding:0px 0px 10px 0px;
}


.contact_form_field , .contact_form_input{
	line-height:20px;
	margin:10px 0px;
}

.contact_form_input input{
	border:1px solid #CECECE;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:0px 2px;
	width:80%;
}

.contact_form_input textarea{
	border:1px solid #CECECE;
	font-size:12px;
	height:140px;
	line-height:20px;
	margin:0px;
	padding:0px 2px;
	resize:none;
	width:80%;
}
.contact_form_input .submit_button{
	border:1px solid #666666;
	cursor:pointer;
	font-size:15px;
	height:30px;
	line-height:30px;
	margin:20px 0px;
	position:relative;
	text-align:center;
	width:120px;
}



/******* news ***********/
.news_slideshow{
	margin:5% auto;
}

.news_list {
	
	margin:20px auto;
	width:90%;
}

.news_list > li{
	border-bottom:2px dotted #CECECE;
	padding:30px 0px;
}
.news_list > li .photo , .news_list > li .content{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display:inline-block;
	*display:inline;
	text-align:left;
	vertical-align:top;
	*zoom:1;
}
.news_list > li .photo{
	width:30%;
}
.news_list > li .content{
	font-size:15px;
	line-height:150%;
	padding-left:2%;
	width:62%;
}
.news_list > li .content .publish_time{
	font-family:arial;
	color:#666666;
	font-size:15px;
	letter-spacing:2px;
	margin:0px;
	padding:0px 0px 5px 0px;
}
.news_list > li .content h2{
	color:#333333;
	font-size:15px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
.news_list > li .content h2 a{
	color:#333333;
	text-decoration:none;
}
.news_list > li .content h2 a:hover{	
	color:black;
	text-decoration:none;
}


.news_list > li .content p{
	color:#999999;
	font-size:12px;
	margin:0px;
	padding:5px 0px 0px 0px;
}

#article{
	color:#666666;
	line-height:150%;
	margin:0px auto;
	padding:40px 0px;
	text-align:left;
	width:90%;
}
#article .publish_time{
	font-family:arial;
	font-size:16px;
	letter-spacing:2px;
	margin:0px;
	padding:0px 0px 15px 0px;
}
#article h1{
	font-size:24px;
	letter-spacing:2px;
	line-height:150%;
	margin:0px;
	padding:0px;
}

#article p{
	font-size:15px;
	line-height:200%;
	padding:15px 0px;
}
.back_button{
	border:1px solid #666666;
	cursor:pointer;
	font-size:15px;
	height:40px;
	line-height:40px;
	margin:20px auto;
	text-align:center;
	width:120px;
}

.pager{
	padding:20px 0px;
}

.pager > li{
	color:#999999;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	font-size:13px;
	height:20px;
	width:40px;
	line-height:20px;
	text-align:center;
	vertical-align:top;
	*zoom:1;
}
.pager > li img{
	width:100%;
}
.pager > li.pre , .pager > li.next{
	background-repeat:no-repeat;
	background-position:center;
}

.pager > li.pre{
	background-image:url(../images/icon/pager_pre.jpg);
}

.pager > li.next{
	background-image:url(../images/icon/pager_next.jpg);
}
#jt-swipe-pager{
	bottom:10px;
	left:0px;
	position:absolute;
	width:100%;
	z-index:1000;
}


#jt-swipe-pager > li{
	border-radius:15px;
	background-repeat:no-repeat;
	background-position:400px 400px;
	box-shadow:1px 1px 3px 1px rgba(0,0,0,0.8);
	cursor:pointer;
	height:15px;
	margin:0px 15px;
	width:15px;
}

/*** 工程實績 ****/

.left_menu , .project_list , .project_nodata , .about_content , .faq_content{
	display:inline-block;
	*display:inline;
	text-align:left;
	vertical-align:top;
	*zoom:1;
}
.left_menu {
	border-top:10px solid #062647;
	background-color:#EBEBEB;
	margin:5% 0px 0px 5%;
	width:20%;
}
.left_menu > li {
	font-size:15px;
	line-height:40px;
	padding-left:15%;
}
.left_menu > li > a {
	color:#333333;
	text-decoration:none;
}
.left_menu > li > a:hover{
	color:orange;
	text-decoration:none;
}
.left_menu > li.focus > a , .left_menu > li.focus > a:hover{
	color:#4289CB;
	text-decoration:none;
}
.left_sub_menu > li > a {
	color:#333333;
	text-decoration:none;
}
.left_sub_menu > li > a:hover{
	color:orange;
	text-decoration:none;
}
.project_list {
	padding:5%;
	width:65%;
}
.project_list > li{
	border:1px solid #CECECE;
	display:inline-block;
	*display:inline;
	margin:0px 2% 4% 2%;
	width:45%;
	text-align:center;
	vertical-align:top;
	*zoom:1;
}
.project_list > li .photo{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
}

.project_list > li .placeholder{
	width:100%;
}

.project_list > li h2{
	font-size:16px;
	font-weight:normal;
	height:40px;
	line-height:40px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.project_list > li p{
	color:#666666;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	height:40px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	padding:0px;
}

.project_nodata{
	color:#666666;
	font-style: italic;
	font-size:15px;
	padding:200px 0px;
	text-align:center;
	width:70%;
}


.installation_flow{
	padding:20px 0px;
}

.installation_flow p{
	padding:20px 0px;
}

.installation_flow img{
	width:100%;
}



.about_content{
	padding:5%;
	width:65%;
}

.about_kv{
	width:100%;
}

.about_content p{
	font-size:15px;
	line-height:200%;
	padding:1% 0px;
}

.about_content h3{
	font-size:20px;
	line-height:200%;
}
.about_content h4{
	font-size:16px;
	line-height:200%;
}

.about_content ol{
	font-size:15px;
	line-height:200%;
	padding-left:20px;
}

.about_content ol > li{
	padding-left:10px;
}

.certificate_list {
	margin-left:0px;
}

.certificate_list > li{
	border-top: 1px dotted #666666;
}
.certificate_list > li:first-child{
	border-top:0px;
}

.certificate_list img{
	width:40%;
	margin-right:5%;
}


.incentivetour_list{
	list-style-type:disc;
	font-size:15px;
	line-height:200%;
}
.incentivetour_list > li{
	border-top: 1px dotted #666666;
	padding-bottom:20px;
}
.incentivetour_list > li:first-child{
	border-top:0px;
}

.incentivetour_list h3{
	font-weight:normal;
}
.incentivetour_list img{
	width:42%;
	margin-right:2%;
	vertical-align:top;
}
.incentivetour_list p{
	font-size:15px;
	margin:0px;
	padding:0px;
}

/********保修維護*********/

.faq_content{
	padding:5%;
	width:65%;
}


#faq_list > li{
	border-bottom:1px dotted #999999;
	color:#333333;
}

#faq_list > li > .article{
	display:none;
	
}
#faq_list > li.focus{
	padding:10px 0px 30px 0px;
}
#faq_list > li.focus > h3{
	font-size:24px;
}
#faq_list > li.focus > .article{
	display:block;	
}


.faq_content  h3{
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	line-height:200%;
	margin:0px;
	padding:5px 0px;
}

.faq_content  .article{
	font-size:14px;
	line-height:200%;
	margin:0px;
	padding:0px;
}
.faq_content  ol{
	padding-left:15px;
}
#faq_gallery_list {
	
	width:352px;
	
}
#faq_gallery_list > li {
	
	margin:10px;
	text-align:center;
	width:352px;
	
}
#faq_gallery_list .photo img{
	width:350px;
}


#faq_gallery_list > li .content{
	border:1px solid #CECECE;
	background-color:#F2F2F2;
	
}


#faq_gallery_list  h4{
	
	font-size:13px;
	font-weight:normal;
	height:33px;
	line-height:33px;
	margin:0px;
	padding:0px;
}

.download_button{
	border:1px solid #666666;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	font-size:15px;
	height:30px;
	line-height:30px;
	margin:20px;
	position:relative;
	text-align:center;
	width:120px;
	*zoom:1;
}

.download_button a, .download_button:hover{
	color:#333333;
	text-decoration:none;
}