.for_tablet , .for_mobile , .for_tablet_mobile{
	display:none;
}
#page{
	min-width:1200px;
	font-family:"微軟正黑體" , "Times New Roman", Times, serif;
}

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

#menu{
	margin:0px auto;
	height:70px;
	position:relative;
	text-align:right;
	width:1200px;
}

#menu > li{
	background-image:url(../images/header/slash.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	color:#FF0;
	display:inline-block;
	*display:inline;
	font-size:15px;
	height:70px;
	line-height:70px;
	letter-spacing:1px;
	padding:0px 10px 0px 15px;
	vertical-align:top;
	*zoom:1;
}
#menu > li:first-child{
	background-image:url(../images/blank.png);
	left:0px;
	position:absolute;
	top:0px;
}

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

#menu > li .fb{
	height:20px;
}
.page_title{
	border-bottom:1px solid #999999;
	height:90px;
	line-height:90px;
	margin:0px auto;
	width:600px;
}

.page_title h1{
	font-size:30px;margin:0px;padding:0px;
}
.page_title h2{
	font-size:24px;margin:0px;padding:0px;
}
.index_about{
	font-size:16px;
	padding:0px;
	line-height:24px;
	width:950px;
	margin:0px auto;
	margin-top:15px;
	margin-bottom:15px;
}

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



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

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

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


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


#footer  h2{
	color:white;
	font-size:13px;
	font-weight:normal;
	line-height:150%;
	margin:0px;
	padding:0px;
}

#footer p{
	line-height:150%;
	margin:0px;
	padding:0px;
}

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


/******** cms *********/
.cms_toolbar{
	border:1px solid orange;
	border-radius:5px;
	background-color:#FFFFCC;
	font-size:12px;
	margin:10px auto;
	padding:10px;
	text-align:right;
	width:1000px;
}
.cms_toolbar_inner{
	border:1px solid orange;
	border-radius:5px;
	background-color:#FFFFCC;
	font-size:18px;
	line-height:100%;
	margin:5px 0px;
	padding:5px;
	text-align:right;
}

.cms_toolbar_inner input{
	margin-left:20px;
}

.cms_input_style{
	border:1px solid #CECECE;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:0px 5px;
	width:500px;
}

#loading{
	background-image:url(../images/blank.png);
	height:100%;
	left:0px;
	position:fixed;
	_position:absolute;
	top:0px;
	width:100%;
	z-index:5000;
}
.loading_msg{
	background-color:rgba(255,255,255,0.8);
	background-color:white \9;
	border:5px solid #CECECE;
	border-radius:10px;
	color:#666666;
	font-size:15px;
	left:50%;
	line-height:150%;
	margin-left:-120px;
	padding:20px 20px 20px 40px;
	position:fixed;
	_position:absolute;
	text-align:left;
	top:30%;
	width:180px;
	
}
/******** index *********/
.index_nav_container{
	background-color:#FAFAFA;
}
.index_nav {
	margin:0px auto;
	padding:40px 0px;
	width:1200px;
}
.index_nav > li{
	
	display:inline-block;
	*display:inline;
	margin:30px;
	width:280px;
	vertical-align:top;
	*zoom:1;
}

.index_nav > li .logo{
	border:1px solid black;
}
.index_nav > li .button{
	margin:20px 0px;
}
.index_project_container{
	background-color:#EDEDED;
}
.index_project {
	margin:0px auto;
	padding:30px 0px;
	width:1040px;
}
.index_project > li{
	background-color:white;
	display:inline-block;
	*display:inline;
	margin:10px;
	width:240px;
	vertical-align:top;
	*zoom:1;
}
.index_project img{
	width:100%;
}
.index_project h3{
	font-size:14px;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px;
}




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

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

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


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


.contact_form_field , .contact_form_input{
	margin:2px 0px;
}
.contact_form_field{
	
	width:120px;
}
.contact_form_input{
	line-height:20px;
	width:340px;
}


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



.cms_photo_toolbar{
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	padding:10px 0px;
	left:0px;
	top:0px;
	width:100%;
}

.cms_photo_toolbar img{
	cursor:pointer;
	margin-right:10px;
	height:20px;
}

.retry_form{
	background-color:rgba(255,255,255,0.5);
	border:0px;
	bottom:0px;
	color:#A65329;
	font-size:12px;
	line-height:150%;
	left:0px;
	margin:0px;
	padding:5px 0px;
	position:absolute;
	text-align:center;
	width:100%;
}
.drag_area{
	cursor:move;
	height:20px;
	position:absolute;
	right:5px;
	top:10px;
	
}
/******* news ***********/
.news_slideshow{
	margin:30px auto;
	width:1000px;
}

.news_list {
	margin:20px auto;
	width:1000px;
}

.news_list > li{
	border-bottom:2px dotted #CECECE;
	
	padding:30px 0px;
	width:1000px;
}
.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:25%;
}
.news_list > li .content{
	font-size:15px;
	line-height:150%;
	padding-left:2%;
	width:72%;
}
.news_list > li .content .publish_time{
	color:#666666;
	font-size:16px;
	letter-spacing:2px;
	margin:0px;
	padding:0px 0px 15px 0px;
}
.news_list > li .content h2{
	font-size:16px;
	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:13px;
	margin:0px;
	padding:15px 0px 0px 0px;
}


#article{
	color:#666666;
	line-height:150%;
	margin:0px auto;
	padding:20px;
	text-align:left;
	width:960px;
}
#article .publish_time{
	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%;
	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{
	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.focus{
	color:orange;
	cursor:default;
}

.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{
	background-color:#062647;
	height:95px;
	width:100%;
}

#jt-swipe-pager > li{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border:1px solid #999999;
	cursor:pointer;
	height:100px;
	margin:0px 5px;
	position:relative;
	top:-25px;
	width:180px;
}

#jt-swipe-pager > li.focus{
	border:1px solid #FFFFFF;
	
}
#jt-swipe-pager > li .jt-swipe-cover{
	background-color:rgba(0,0,0,0.3);
	height:100px;
	width:180px;
}
#jt-swipe-pager > li.focus .jt-swipe-cover{
	background-color:rgba(0,0,0,0);
}





.news_slideshow #jt-swipe{
	border:1px solid #CECECE;
	overflow:hidden;
}
.news_slideshow #jt-swipe-pager{
	bottom:0px;
	height:0px;
	left:0px;
	position:absolute;
	width:100%;
	z-index:1000;
}

.news_slideshow #jt-swipe-pager > li{
	border:1px solid #CECECE;
	border-radius:8px;
	background-repeat:no-repeat;
	background-position:400px 400px;
	cursor:pointer;
	height:8px;
	margin:0px 8px;
	width:8px;
}
.news_slideshow #jt-swipe-pager > li .jt-swipe-cover{
	display:none;
}


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

.collection_list{
	margin:0px auto;
	padding:30px 0px;
	text-align:left;
	width:1008px;
}
.collection_list > li{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:#F2F2F2;
	display:inline-block;
	*display:inline;
	height:150px;
	margin:9px;
	width:150px;
	position:relative;
	vertical-align:top;
	*zoom:1;
}

.collection_form{
	position:relative;
	width:900px;margin:0px auto;text-align:left;padding:20px;border:2px solid #CECECE;font-size:15px;
}
.collection_preview_img{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:absolute;
	top:5px;
	right:5px;
	width:120px;
	height:120px;
}
.cms_photo_toolbar{
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	padding:10px 0px;
	left:0px;
	top:0px;
	width:100%;
}

.cms_photo_toolbar img{
	cursor:pointer;
	margin-right:10px;
	height:20px;
}

.retry_form{
	background-color:rgba(255,255,255,0.5);
	border:0px;
	bottom:0px;
	color:#A65329;
	font-size:12px;
	line-height:150%;
	left:0px;
	margin:0px;
	padding:5px 0px;
	position:absolute;
	text-align:center;
	width:100%;
}
.drag_area{
	cursor:move;
	height:20px;
	position:absolute;
	right:5px;
	top:10px;
	
}


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

.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:25px 0px;
	width:200px;
}
.left_menu > li {
	font-size:18px;
	line-height:40px;
	padding-left:36px;
}
.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{
	margin-left:10px;
}
.left_sub_menu > li > a {
	color:#333333;
	text-decoration:none;
}
.left_sub_menu > li > a:hover{
	color:orange;
	text-decoration:none;
}
.project_list {
	padding:10px 20px;
	width:820px;
}
.project_list > li{
	border:1px solid #CECECE;
	display:inline-block;
	*display:inline;
	height:320px;
	margin:15px;
	width:240px;
	text-align:center;
	vertical-align:top;
	*zoom:1;
}
.project_list > li .photo{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:200px;
	width:240px;
}
.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:60px;
	margin:0px;
	overflow:hidden;
	padding:0px;
}

.project_nodata{
	color:#666666;
	font-style: italic;
	font-size:15px;
	padding:200px 20px 300px 20px;
	text-align:center;
	width:820px;
}

.installation_flow{
	padding:20px 0px;
}

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


.about_content {
	padding:20px 20px 20px 40px;
	width:800px;
}

.about_kv{
	width:100%;
}

.about_content p{
	font-size:18px;
	line-height:200%;
	margin:20px 0px;
	padding:0px;
}

.about_content h3{
	font-size:20px;
	line-height:200%;
	vertical-align:bottom;
}
.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:20px;
	
}

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

.certificate_list img{
	width:40%;
	margin-right:5%;
	margin-bottom:5%;
}
.incentivetour_list{
	list-style-type:disc;
	font-size:18px;
	line-height:200%;
}

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


.incentivetour_list h3{
	font-weight:normal;
}
.incentivetour_list img{
	width:360px;
	margin:20px 20px 20px 0px;
	vertical-align:top;
}

.incentivetour_list p{
	font-size:15px;
	margin:0px;
	padding:0px;
}


/******保修服務******/


.faq_content {
	padding:20px 80px;
	text-align:left;
	width:700px;
}

#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;
	color:#006fe0;
}

.faq_content  .article{
	font-size:14px;
	line-height:200%;
	margin:0px;
	padding:0px;
}
.faq_content  ol{
	padding-left:15px;
}
#faq_gallery_list {
	width:750px;text-align:left;
}
#faq_gallery_list > li {
	display:inline-block;
	*display:block;
	height:222px;
	margin:0px 20px 20px 0px;
	text-align:center;
	width:352px;
	vertical-align:top;
	*zoom:1;
}
#faq_gallery_list .photo img{
	width:350px;
}
#faq_gallery_list .photo{
	height:197px;
	width:350px;
	overflow:hidden;
}

#faq_gallery_list .large_photo .photo{
	height:438px;
	overflow:hidden;
}

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