.for_desktop , .for_tablet ,  .for_desktop_tablet {
	display:none;
}

a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

#top{
	background-color:#062647;
	left:0px;
	position:fixed;
	_position:absolute;
	top:0px;
	width:100%;
	z-index:5000;
}
#top > .content{
	position:relative;
}
/*
#top > .content > h1{
	color:white;
	font-size:24px;
	height:30px;
	line-height:30px;
	left:20%;
	margin:-15px 0px 0px 0px;
	padding:0px;
	position:absolute;
	top:50%;
	width:60%;
}*/

#top > .content > h1  a , #top > .content > h1  a:hover{
	color:white;
	text-decoration:none;
}

#menu_button{
	left:0px;
	position:absolute;
	top:0px;
	width:15%;
}

#menu_button img{
	width:100%;
}

#menu{
	background-color:#333333;
	background-color:rgba(33,33,33,0.9);
	height:100%;
	left:-60%;
	position:fixed;
	_position:absolute;
	top:0px;
	width:60%;
	z-index:5000;
}



#menu > li{
	color:#999999;
	font-size:18px;
	letter-spacing:1px;
	line-height:100%;
	padding:10%;
	position:relative;
	text-align:left;
	z-index:5000;
}
#menu > li:first-child{
	display:none;
}
#menu > li a , #menu > li  a:hover{
	color:#999999;
	text-decoration:none;
}
#menu > li.focus{
	background-color:black;
	background-color:rgba(0,0,0,0.9);
	color:white;
}
#menu > li.focus a , #menu > li.focus  a:hover{
	color:white;
	text-decoration:none;
}
#menu > li .fb{
	height:25px;
}


#menu_cover{
	background-image:url(../images/blank.png);
	background-color: rgba(0, 0, 0, 0.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)  \9;
	height:100%;
	left:0px;
	position:fixed;
	_position:absolute;
	top:0px;
	width:100%;
	z-index:3000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

.page_title{
	border-bottom:1px solid #999999;
	margin:0px auto;
	width:70%;
}

.page_title > h1{
	font-size:20px;line-height:60px;
	margin:0px;
	padding:0px;
}

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

#footer > .content {
	margin:0px auto;
	width:80%;
}

#footer > .content > li{
	color:white;
	font-size:12px;
	line-height:30px;
	text-align:left;	
}

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

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


#footer .tel{
	font-size:24px;
	font-weight:bold;
	line-height:100%;
	margin:0px;
	padding:0px 0px 20px 0px;
}
#footer > .content > li.share  .share_btn{
	margin-bottom:20px;
}


.map_container iframe{
	height:200px;
}

.cms_toolbar{
	display:none;
}
.cms_toolbar_inner{
	display:none;
}
/******** index *********/


.index_nav {
	
	margin:0px auto;
	padding:5% 0px;
}

.index_nav > li{
	
	margin:5% auto 2% auto;
	width:70%;
}
 
.index_nav > li 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:5% 0px;
}
.index_project > li{
	display:inline-block;
	*display:inline;
	margin:1% 2%;
	width:40%;
	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:5% auto;
	width:90%;
}
.contact_form_field .note{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
}

.contact_map{
	border:1px solid #999999;
}

.contact_map .map_frm{
	height:200px;
	width:100%;
}

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


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

.contact_form_input input{
	-webkit-appearance: none;
	border:1px solid #CECECE;
	font-size:15px;
	height:30px;
	line-height:30px;
	margin:0px;
	padding:0px 2px;
	width:95%;
}

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

/****** collection *****/

.collection_list {
	padding:5% 0px 20px 2%;
	text-align:left;
}
.collection_list > li{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display:inline-block;
	*display:inline;
	margin:0px 2% 4% 2%;
	width:45%;
	vertical-align:top;
	*zoom:1;
}

/******* news ***********/
.index_nav_container{
	background-color:#FAFAFA;
}


.news_slideshow{
	margin:5% 0px;
}

.news_list {
	line-height:150%;
	margin:20px auto;
	width:80%;
}

.news_list > li{
	border-bottom:2px dotted #CECECE;
	padding:5% 0px;
	text-align:left;
}
.news_list > li .photo{
	/*background-repeat:no-repeat;
	background-position:center;
	background-size:cover;*/
	display:none;
}

.news_list > li .content{
	font-size:15px;
	line-height:150%;
}
.news_list > li .content .publish_time{
	font-family:arial;
	color:#666666;
	font-size:13px;
	letter-spacing:2px;
	margin:0px;
	padding:5px 0px;
}
.news_list > li .content h2{
	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:#666666;
	font-size:12px;
	margin:0px;
	padding:5px 0px ;*/
	display:none;
}

#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:13px;
	letter-spacing:2px;
	margin:0px;
	padding:0px 0px 10px 0px;
}
#article h1{
	color:black;
	font-size:24px;
	letter-spacing:1px;
	line-height:150%;
	margin:0px;
	padding:0px;
}

#article p{
	font-size:15px;
	line-height:150%;
	margin:0px;
	padding:10px 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{
	border:1px solid #F2F2F2;
	box-shadow:0px 1px 2px 0px #CECECE;
	border-radius:10px;
	margin:5% auto;
	width:80%;
	text-align:center;
}

.pager > li{
	color:#666666;
	display:none;
	font-size:16px;
	height:40px;
	width:33%;
	line-height:40px;
	text-align:center;
	vertical-align:top;
	*zoom:1;
}

.pager > li.focus{
	display:inline-block;
}

.pager > li img{
	width:100%;
}
.pager > li.pre , .pager > li.next{
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	width:33%;
}

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

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


#jt-swipe-pager > li{
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);
	background-position:0px 400px;
	background-repeat:no-repeat;
	border-radius:8px;
	height:8px;
	margin:0px 5px;
	width:8px;
}

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

.left_menu{
	margin:5% 0px;
}

.left_menu > li {
	background-color:#EBEBEB;
	display:inline-block;
	*display:inline;
	font-size:15px;
	height:40px;
	line-height:40px;
	margin:1px 0px 0px 1px;
	padding:0px;
	position:relative;
	vertical-align:top;
	width:24%;
	*zoom:1;
}


.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 {
	display:none;
	text-align:right;
	position:absolute;
	right:0px;
	top:40px;
	width:500%;
}

.left_menu > li.focus .left_sub_menu{
	display:block;
}
.left_sub_menu > li{

	display:inline-block;
	*display:inline;
	font-size:15px;
	height:30px;
	line-height:30px;
	vertical-align:top;
	*zoom:1;
	
}


.project_list > li{
	border:1px solid #CECECE;
	margin:5% auto;
	width:80%;
	text-align:center;
}
.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:100px 0px;
	text-align:center;
}



.installation_flow{
	padding:5% 0px;
}

.installation_flow p{
	padding:5% 0px;
}

.installation_flow img{
	width:100%;
}

.about_content{
	margin:0px auto;
	text-align:left;
	width:90%;
	
}

.about_kv{
	width:100%;
}
.about_left_menu > li{
	width:19%;
}

.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;
}

.welfare_list{
	margin:0px auto;
	width:90%;
	padding-bottom:40px;
}

.installation_flow img{
	width:90%;
}
.certificate_list {
	margin:0px auto;
	width:90%;
	
}

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

.certificate_list img{
	width:100%;
	margin:10px 0px;
}


.incentivetour_list{

	font-size:15px;
	line-height:200%;
	margin:0px auto;
	width:90%;
}
.incentivetour_list h3{
	font-weight:normal;
	margin:0px;
	padding:0px;
}
.incentivetour_list img{
	width:100%;
	margin:1% 0px;
}

.incentivetour_list p{
	font-size:13px;
	color:#666666;
}



/********保修維護*********/
#faq_left_menu > li{
	width:30%;
}
.faq_content{
	margin:0px auto;
	width:90%;
	text-align:left;
}
.faq_content img{ 
	width:100%;
}
#faq_list > li{
	border-bottom:1px dotted #999999;
	color:#333333;
}

#faq_list > li > .article{
	display:none;
	
}
#faq_list > li.focus{
	padding:1% 0px 2% 0px;
}
#faq_list > li.focus > h3{
	font-size:18px;
}
#faq_list > li.focus > .article{
	display:block;	
}


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

.faq_content  .article{
	font-size:12px;
	line-height:200%;
	margin:0px;
	padding:0px;
}
.faq_content  ol{
	padding-left:15px;
}

#faq_gallery_list > li {
	border:1px solid #CECECE;
	background-color:#F2F2F2;
	margin:10px 0px;
	text-align:center;
	width:100%;
}
#faq_gallery_list .photo img{
	width:100%;
}


#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:5%;
	position:relative;
	text-align:center;
	width:30%;
	*zoom:1;
}

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