/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
    font-family: 'AnimalsNormal';
    src: url('fonts/animals-webfont.eot');
    src: url('fonts/animals-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/animals-webfont.woff') format('woff'),
         url('fonts/animals-webfont.ttf') format('truetype'),
         url('fonts/animals-webfont.svg#AnimalsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea,select,button {
  background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
}
html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
	font-family: Arial, Helvetica, sans-serif,'微軟正黑體';
    background: url(../images/bd_bg.png);
    font-weight: 300;
    font-size: 12px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
}
p {
	font-size: 14px;
    color: #000000;
	line-height:30px;
	
	
	}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;

    background-color:#efefef; /* change if the mask should have another color then white */
    z-index:99999; /* makes sure it stays on top */
}
h2{
	font-size:18px;
	line-height:25px;
	font-weight:800;
	padding:0;
	margin:10px 0;
	
	}
a {
	color: #555;
	text-decoration: none;
}
/*Color Set*/
.blue_color{
	color:#50b5e4;
}
.orange_color{
	color:#f2881a;
}
.green_color{
	color:#6bc600;
}
.grey_color{
	color:#777777;
}
.yellow_color{
	color:#f8c400;
}
.container {
	width: 100%; 
	position: relative;
}

 
.container.oring_idx {
	height: 100%;
	position: absolute;
}
.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

#main_idx_wrap {
	width:100%; 
	height:100%;
	min-width:1024px;
	min-height:300px; 
	z-index:10; 
	/*background: url(../images/pattern_dot.png); */
	position:absolute; 
	overflow:hidden;
}
#main_idx_wrap_in {
	width:100%; 
	height:auto; 
	min-height:300px; 
	z-index:10; 
	/*background: url(../images/pattern_dot.png); */
	position:absolute; 
}
#idx_top{
	 position: absolute;
	  top:0; 
	  width:100%; 
	  min-width:1024px;
	  height:62px; 
	  margin:0 auto;
	  padding:0; 
	  color:#FFFFFF;
	  background: url(../images/lft_menu_ext_bg.jpg);
	  border-top:1px #555555 solid;
	
	}
#idx_top_wrap{
	 position: relative; 
	  width:1024px; 
	  height:100%; 
	  margin:0 auto;  
	  padding:0;
	
}
#idx_top_logo{
	float:left;
	  width:220px; 
	  height:100%; 
	  margin:0;  
	  padding:0;  
	
}	

#idx_top_uppon_menu{
	float:left;
	  width:704px; 
	  height:100%; 
	  margin:0 0 0 20px;  
	  padding:0;
	  
	
}
#idx_top_uppon_menu_t1{
	position:relative; 
	  width:100%; 
	  height:25px; 
	  margin:0;  
	  padding:0; 
	  
	
}
#idx_top_uppon_menu_t2{
	position:relative; 
	  width:100%; 
	  height:60px; 
	  margin:0;  
	  padding:12px 0;  
	  
	  
	
}

#idx_top_nav{
	  position: absolute;
	  top:62px; 
	  width:100%; 
	  height:10px; 
	  margin:0 auto;
	  padding:3px 0; 
	  color:#FFFFFF;
	  background: url(../images/tpnav_bg.png) bottom;
	  min-width:1024px;
	/*background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -moz-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: linear-gradient(top,#f8f8f8 0%,#eeeeee);	
	border: 1px solid #efefef;*/ 
	
	} 
#idx_top_nav_wrap{
	 position: relative; 
	  width:1024px; 
	  height:100%; 
	  margin:0 auto;  
	  padding:0;
	
}
.round-button {
    width: 24px;
    height: 24px; 
    border-radius: 50%; 
    overflow: hidden;
    background: #999999;
	margin:0;
	padding:0;
}
.round-button:hover {
    background: #262626;
}
.round-button img {
    display: block;
	padding:10%;
    width: 24px; 
    height: auto;
} 
/* footer pull up jquery 2 */
#footerSlideContainer {
	position: fixed;
	bottom:0;
	width: 100%;
}
#footerSlideButton {
	background: url(../images/idx_ctrl_btn.png) bottom left no-repeat transparent;
	position: absolute;
	top: -30px;
	left:50%;
	right:50%;
	width:114px;
	height:30px;
	border: none;
	cursor: pointer;
}
#footerSlideContent {
	width: 100%;
	height: 60px; 
	color: #CCCCCC;
	font-size: 0.8em;
	border: none;
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
}

#footerSlideText_wrap {
	position: relative; 
	width: 100%;
	padding:0;
	margin:0;
	background: url(../images/footer_up_bg.png);
	border-bottom:2px #f8c400 solid;
	overflow:hidden;
}
#footerSlideText_content {
	position: relative;
	height:42px;
	width: 1024px;
	margin:0 auto; 
	padding:0;
	color: #ffffff; 
	overflow:hidden;
	
}
#footerSlideText_content h3{
	font-size:17px;
	font-weight: normal;
	margin:0;
	padding:0 20px 0 35px;
	line-height:44px;
	background:url(../images/phone.png) left center no-repeat;
	color:#ffffff; 
	  
	
}
#footerSlideText_content div {
	float:left;
	padding:0;
	margin:0;
	
	}
#footerSlideContent_wrap {
	position: relative; 
	height:190px;
	width: 100%; 
	padding:0;
	margin:0;
	background: url(../images/w_tran_bg_use.png);
	-webkit-box-shadow: inset 0px 51px 43px -28px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 51px 43px -28px rgba(0,0,0,0.1);
	box-shadow: inset 0px 51px 43px -28px rgba(0,0,0,0.1);
	overflow:hidden;
}
#footerSlideContent_area {
	position: relative;
	height:100%;
	width: 1024px;
	margin:0 auto; 
	color: #333333; 
}
#footerSlideContent_area_1 {
	float:left;
	height:100%;
	width: 341px;
	margin:0; 
	padding:0;
	color: #333333; 
}
#footerSlideContent_area_1 p {
	margin:5px 0; 
	padding:0;
}
#footerSlideContent_area_2 {
	float:left;
	height:100%;
	width: 341px;
	margin:0; 
	padding:0px;
	color: #333333; 
	
}
#footerSlideContent_area_3 {
	float:left;
	height:100%;
	width: 341px;
	margin:0; 
	padding:0;
	color: #333333; 
}
#footerSlideContent_area_3 a {
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#000000;
}
#footerSlideContent_bottom {
	position: relative;
	bottom:0;
	height:40px;
	width: 100%;
	min-width:1024px;
	margin:0;
	color: #555555;   
	padding:0; 
	background: url(../images/footer_bg.png);
}
#footerSlideContent_bottom_in { 
	height:40px;
	width: 100%;
	min-width:1024px;
	margin:0;
	color: #555555;   
	padding:0; 
	background: url(../images/footer_bg.png);
}
#footerSlideContent_bottom_wrap {  
	height:100%;
	width: 980px;
	margin:0 auto;  
	padding:5px 0 0 0; 
}
#footerSlideContent_bottom_wrap p{
	font-size:12px; 
	color:#efefef;
	padding:0;
	margin:0;
}
#footerSlideContent_bottom_wrap p a{
	font-size:12px;  
	color:#ffea00;
	padding:0;
	margin:0;
}
#footerSlideContent_bottom_wrap p a:visited{
	font-size:12px;  
	color:#ffea00;
	padding:0;
	margin:0;
}		
/* footer pull up jquery 2 -----end */



.container > header,
.content-wrapper {
	position:absolute;
	width: 100%;
	bottom:0;
	z-index:900;
	height:50px;
	overflow:hidden;
	background: url(../images/bg-black.png);
}

.content-wrapper p{
	padding:0;
	line-height: 20px;
}

.container > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.container > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}


/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:3px auto; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:20px; height:20px; padding-right:10px; position:relative; text-decoration:none; margin:0 3px; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.google { background-image:url("../images/google.png"); }
li.email_ico { background-image:url("../images/email_ico.png"); }
li.facebook { background-image:url("../images/facebook.png"); }
li.flickr { background-image:url("../images/flickr.png"); }
li.youtube { background-image:url("../images/youtube.png"); }
li.reddit { background-image:url("../images/reddit.png"); }
li.rss { background-image:url("../images/rss.png"); }
li.twitter { background-image:url("../images/twitter.png"); } 

#navlink {
	width: 230px;
	height:26px;
	margin:0 auto;
	padding:0px 0px 0px 5px;
	float:right;
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
	font-size:12px;
	color:#ffffff;
	background: #555555;
	-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
#navlink a {
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
#navlink a:hover {
	font-size:12px;
	color:#E80005;
	text-decoration:none;
}
 #zone-bar {	
    min-height: 20px;
	padding: 0;
	}
	#zone-bar ul {
		display: block;
    list-style:none;
		}
		#zone-bar ul li {
			height: 18px;
			padding: 3px 0px 0 0px;
			position: relative;
			float: left;
			margin-right: 5px;
			}
			#zone-bar ul li:hover {
			}
			#zone-bar ul li a {
				display: block;
				float: left;
				height: w0px;
				position: relative;
				top: -5px;
				right: -5px;
				padding-right: 3px;
				color: #ffffff;
				font-size: 12px;
				text-decoration: none;
				}
				#zone-bar ul li a:hover {
				}
				#zone-bar ul li a span {
					position: relative;
					top: 6px;
				}
			#zone-bar ul li ul {
				display: none;
				position: absolute;
				top: 25px;
				left: 0px; 
				border: 1px solid #ccc;
				background: white;
				padding: 10px 0 0 0;
				}
				#zone-bar ul li ul li {
					float: none;
					padding: 0; margin: 0;
					height: 100%;
				}
				#zone-bar ul li ul li:hover {
					background: none;
					}
					#zone-bar ul li ul li a {
						display: block;
						float: none;
						margin-left: -5px;
						padding: 0px 0 0 10px;
						width: 120px;
					}
					#zone-bar ul li ul li a:hover { 
					}		
          
#punk {
   height: 14px;
   width: 70px;
   float:left;
   margin-top:4px; 
}
#punk a {
   background: url('../images/df_up_logo2.png') no-repeat;
   padding-left:25px;
   
}
#punk a:hover {
   background: url('../images/df_up_logo.png') no-repeat;
}





/*-------------
SEARCH
-------------*/

#searchForm fieldset {
    width:440px;
    position: absolute;
	right:0;
	margin-top:15px;
    display:block; 
}

div.input {
    width:220px;
    padding:5px 15px 7px 38px;
    border-radius:20px;
    border:1px solid #f1f1f1;
    border-top:1px solid #efefef;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
    float:right;
    background: url(../images/search-icon.png) 8px center no-repeat #f1f1f1;
}

    div.input.focus {
        border:1px solid #cccccc;
        box-shadow:0 0 6px #efefef, inset 0 1px 2px rgba(0,0,0,0.08);
		
    }

input#s {
    width:100%;
    border:0;
    border-radius:20px;
    background:transparent;
    height:20px;
    color:#666666;
    text-shadow:0 1px 1px #fff;
}

    input#s:focus {
        outline:none;
		background: #f1f1f1;
		
    }

input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/search-icon-go.png) no-repeat;
    border:0;
    position:absolute;
    top:7px; right:13px;
    z-index:5;
    display:none;
    cursor:pointer;
}






/*-------in----------*/
.flower_area {
	width:1024px; 
	height:360px; 
	background: url(../images/flower_pic.png) left bottom no-repeat; 
	margin:0 auto;
	
	}
.flower_area_right {
	width:1024px; 
	height:360px; 
	background: url(../images/flower_pic.png) right bottom no-repeat; 
	margin:0 auto;
	
	}	
.idx_middle_banner_abt {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner4.jpg) center center; 
	
	
	}
.idx_middle_banner_work {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner1.jpg) center center; 
	
	
	}	
.idx_middle_banner_contract {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner6.jpg) center 670px; 
	
	
	}	
.idx_middle_banner_knowledge {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner7.jpg) center 870px; 
	
	
	}	
.idx_middle_banner_contact {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner9.jpg) center 870px; 
	
	
	}		
.idx_middle_banner_tower {
	 width:100%; 
	 min-width:1024px; 
	 height:330px; 
	 background:url(../images/idx_pic/idx_banner8.jpg) center 970px; 
	
	
	}		
.idx_middle_banner_down {
	 width:100%; 
	 min-width:1024px;  
	 height:80px; 
	 background: url(../images/banner_down.png) center center;
	
	
	}
#idx_middle_area {
	width:100%; 
	min-width:1024px; 
	height:100%; 
	padding:0;
	margin:-105px 0 0 0;
	
	
	}
#idx_middle_area_wrap {
	width:960px; 
	height:100%; 
	margin:0 auto;
	padding:0; 
	margin-top:-80px;
	
	
	}

#idx_middle_area_left {
	width:200px; 
	float:left; 
	height:100%;
	padding:0;
	margin:0;
	
	}
#lft_title {
	width:100%; 
	height:80px;
	padding:20px 0 0 55px;
	margin:0; 
	  
	

	}	
.abt_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_headbg.png) repeat-x #efefef;
	
	}
.life_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_life_headbg.png) repeat-x #efefef;
	
	}
.tower_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_tower_headbg.png) repeat-x #efefef;
	
	}
.work_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_work_headbg.png) repeat-x #efefef;
	
	}			
.contact_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_contact_headbg.png) repeat-x #efefef;
	
	}			
.knowledge_head {
	border-bottom:1px solid #dddddd; 
	border-left:1px solid #dddddd; 
	border-top:1px solid #dddddd;
	background: url(../images/left_bg_knowledge_headbg.png) repeat-x #efefef;
	
	}		
#lft_title h4 {
	font-size:22px; 
	color:#222222; 
	text-shadow: 0 0 3px #ffffff;
	line-height:25px;	
	}	
#lft_title h5 {
	font-size:14px; 
	color:#ffffff; 
	font-weight:normal; 
	line-height:20px;
	}
.lft_ad_banner_space {
	width:100%;
	padding:0;
	margin:0;
	height:30px;
	
	
	}					
.lft_ad_banner_normal {
	width:100%; 
	padding:1px; 
	margin:0;
	
	
	}	
.lft_ad_banner_normal a {
	width:100%; 
	padding:0; 
	margin:5px 0 0 0;
	display:block;

	}		
	
	
#idx_middle_area_left ul{
	margin: 0;
	padding: 0;	
	
}
#idx_middle_area_left ul li	{	
	float: left;
	list-style: none;
	display:block;
	width:200px;
	
}
#idx_middle_area_left ul li a,#idx_middle_area_left ul li a:visited{
	display:block;
	font-size:14px;
	color:#000;
	padding:15px 0 15px 30px;
	margin:0;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background:url(../images/lft_nav_arr.png) 5px center no-repeat; 
	
}
#idx_middle_area_left ul li a:hover{
	display:block;
	font-size:14px;
	color:#c99f00;
	padding:15px 0 15px 30px;
	margin:0;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background:url(../images/left_bg_h.png) center bottom no-repeat;
	
}
#idx_middle_area_left ul li ul	{
	margin:0;
	padding:0;
	
}
#idx_middle_area_left ul li ul li	{	
	float: left;
	list-style: none;
	display:block; 
	
}
#idx_middle_area_left ul li ul li a,#idx_middle_area_left ul li ul li  a:visited{
	display:block;
	font-size:14px;
	color:#666666;
	padding:15px 0 15px 46px;
	margin:0;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background: url(../img/right.png) 35px center no-repeat; 
	
}
#idx_middle_area_left ul li ul li a:hover{
	display:block;
	font-size:14px;
	color:#f8c400;
	padding:15px 0 15px 46px;
	margin:0;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background: url(../img/right-yellow.png) 35px center no-repeat; 
	
}
#idx_middle_area_content {
	
	width:760px; 
	float:left; 
	height:auto; 
	margin-top:-40px; 
	margin-bottom:50px;
	padding:10px 10px 30px 10px; 
	background: url(../images/content_area_bg.png) no-repeat; 
	
	}

#idx_middle_area_content h1 {
	
	border-left:5px #FC0 solid; 
	padding-left:10px; 
	font-size:20px;
	line-height:22px; 
	color:#222222;
	margin-bottom:40px;
	
	}
#idx_middle_area_content h2 {
	
	border-left:5px #FC0 solid; 
	padding-left:10px; 
	font-size:20px;
	line-height:32px; 
	color:#333333;
	margin-bottom:20px;
	background: url(../images/pattern_dot.png) #fcfcfc; 
	
	}	
#idx_middle_area_content h3 {
	
	border-left:3px #cccccc solid; 
	padding-left:10px; 
	margin:5px 0 20px 0; 
	font-size:16px; 
	line-height:30px; 
	color:#222222; 
	background: url(../images/main_63.jpg); 
	
}
#idx_middle_area_content h6 {
	 
	padding-left:10px; 
	margin:5px 0 5px 0; 
	font-size:16px; 
	line-height:20px; 
	color:#222222; 
	font-weight:bold;
	background: url(../img/right-b.png) left center no-repeat; 
	
}
#idx_middle_area_content p.content_txt {
	
	font-size:14px; 
	padding:0;
	margin:0;
	line-height:30px;
	padding-bottom:20px;
	
}	
.p_indent {
	text-indent: 20px; 
	
	
	}
table {
	font-size:14px;
	line-height:25px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	
	
}
.td_lft{
	background: url(../images/td_titlebg.png) no-repeat #f9c700;
	color:#ffffff;
	height:100px;
	border-bottom:1px solid #ffffff;
	border-left:3px #ffd800 solid;

}

.td_lft p {
	font-size:14px;
	line-height:25px;
	text-indent: 0px;
	color:#444444;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	
}

 
.td_rgt{
	background: url(../img/right-y.png) left 8px no-repeat #f3f3f3;
	color:#222222; 
	padding-left:30px;
	border-bottom:1px solid #ffffff;

}
.td_rgt:hover{
	background:url(../img/right-y.png) left 8px no-repeat #fcfcfc;
	color:#222222; 
	padding-left:30px;

}
.td_rgt ul{

}
.td_rgt ul li{
	color:#222222; 
}


ul.contract_info{
 list-style-position: inside; 
 margin:0 0 20px 0;
 padding:0;
	}
ul.contract_info li{
	
 list-style-type: decimal-leading-zero;
 list-style-position: inside;
 text-indent: -25px;
 margin:0;
 padding:0 20px 0 20px;
 font-size:14px;
 line-height:30px;
	}
	
	
	
	
/* ---- isotope ---- */
/*filter use part*/
.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #efefef;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) );
  color: #000000; 
  font-size: 13px; 
  cursor: pointer;
  font-family:Arial, Helvetica, sans-serif,'微軟正黑體'
}

.button:hover {
  background-color: #cccccc; 
  color: #ffffff;
}

.button:active,
.button.is-checked {
  background-color: #ffcc00;
}

.button.is-checked {
  color: white; 
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.1);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 1em 1em 1em 1em;
  margin-left: 0;
  margin-right: 5px;
}

.button-group .button:first-child { border-radius: 1em 1em 1em 1em; }
.button-group .button:last-child { border-radius: 1em 1em 1em 1em; }

.isotope { 
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 350px;
  height: auto;
  margin: 10px;
  padding: 25px 0 10px 0; 
  color: #262524;

}
 
.element-item_ing{
	border-top:2px solid #f8c400; 
	position:relative; 
	padding:0;
	margin:0;
	width:100%; 
	height:100%;
	}
	
.element-item > * {
  margin: 0;
  padding: 0;
}
.element-item span {
 
  font-size: 14px;
  font-weight: bold;
  color:#333333;
  margin-left:10px;
}
.element-item h5.name {
  position: absolute;
  left: 0px;
  top: 0px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: bold;
  color:#f8c400;
  height:22px;
  width:300px;
  background: none;
  padding-left:10px;
  border-left:5px solid #f8c400;
}
.element-item .tagmap {
  position: absolute;
  right: 0px;
  top: 0px;
  padding:0;
  margin:0;
  width:50px;
  height:30px;
  z-index:50px;
}
.element-item_in_txt  {
}

.element-item_in_txt p {
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	font-size:12px;
	color:#000;
}
.element-item_in_txt p.shop_tel {
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	font-size:12px;
	color:#666666;
}
/********area team 系列用 結束*********/



/* ---- .element-item2 ---- */

.element-item2 {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 10px;
  padding: 25px 0 10px 0; 
  color: #262524;

}
 
.element-item_ing2{
	border-top:2px solid #f8c400; 
	position:relative; 
	padding:0;
	margin:0;
	width:100%; 
	height:100%;
	}
	
.element-item2 > * {
  margin: 0;
  padding: 0;
}
.element-item2 span {
 
  font-size: 14px;
  font-weight: bold;
  color:#333333;
  margin-left:10px;
}
.element-item2 h5.name {
  position: absolute;
  left: 0px;
  top: 0px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: bold;
  color:#f8c400;
  height:22px;
  width:500px;
  background: none;
  padding-left:10px;
  border-left:5px solid #f8c400;
}
.element-item2 .tagmap {
  position: absolute;
  right: 0px;
  top: 0px;
  padding:0;
  margin:0;
  width:50px;
  height:30px;
  z-index:50px;
}
.element-item_in_txt2  {
}

.element-item_in_txt2 p {
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	font-size:14px;
	color:#000;
}
.element-item_in_txt2 p.shop_tel {
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; 
	font-size:14px;
	color:#666666;
}
/********Service team 系列用 結束*********/

a#go-top{background:#333333;width:50px;height:50px;text-align:center; vertical-align:middle; padding:10px 0; border-radius: 50%; text-decoration:none;line-height:25px;color:#cccccc; z-index:100; right:20px;}
a#go-top:hover{background:#CCC;color:#333;}


/*******************************************************************************************/
/**********************************/
/********表單格式 系列用 開始*********/
/**********************************/
	select.option_select1 {
		width:100%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
		float:left;
		background-color:#f1f1f1;
		margin-top:5px;
		margin-bottom:20px;
		margin-right:2%;
		color:#7F7F7F;	
		transition: background 0.3s ease-in-out 0s;	
		border-radius: 2em 2em 2em 2em;
	}
	input.name1, input.email1, input.phone1 {
		width:100%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
		float:left;
		background-color:#333333;
		margin-top:5px;
		margin-bottom:20px;
		margin-right:2%;
		background-color:#f1f1f1;	
		transition: background 0.3s ease-in-out 0s;	
		border-radius: 2em 2em 2em 2em;
	}
	
	input.phone1 {
		margin-right:0%;		
	}	

	input.name1:focus, input.email1:focus, input.phone1:focus {
		background: none repeat scroll 0 0 #e4e4e4;
		outline: 0 none;
	}
	
	textarea.comments1:focus {
		background: none repeat scroll 0 0 #e4e4e4;
		outline: 0 none;
	}
	
	textarea.comments1 {
		width:100%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
		height:100px;
		background-color:#333333;
		resize:none;
		margin-top:5px;
		margin-bottom:20px;
		font-family:Arial, Helvetica, sans-serif,'微軟正黑體';
		font-size:14px;
		float:left;
		background-color:#f1f1f1;
		transition: background 0.3s ease-in-out 0s;
		border-radius: 2em 2em 2em 2em;
	}
	
	.error_message {
		background-color: #FFE9E9;
		border-color: #FBC4C4;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
	}
	
	fieldset {
		position:relative;
		float:left;
		padding:0;
		border:0 none;
		width:100%;		
	}
	
	fieldset h1{
		font-size:24px;
		color:#1e86bb
	}
.btn-medium {
		color: #ffffff;
		font-size: 16px;
		font-family: 'districtregular' , 'arial','微軟正黑體';
		line-height: 24px;
		padding: 8px 15px;
		opacity:0.8;
		border:#333333 1px solid;
		background:#333;
	}
	
	.btn-medium:hover {
		color: #c47d00;
		border:#f89e00 1px solid;
		cursor:pointer;
		background:#f8c400;
		opacity:1;
	}
	.b-green {
		 
	}	
.btn-small {
		color: #ffffff;
		
		border:#c80000 1px solid;
		font-size: 12px;
		font-family: 'districtregular' , 'arial','微軟正黑體';
		line-height: 24px;
		padding: 5px 8px;
		opacity:0.8; 
		
		background:#dc0000;
		margin-top:30px;
	}
	
	.btn-small:hover {
		color: #ffffff;
		border:#ffea00 1px solid;
		cursor:pointer;
		background:#f8c400;
		opacity:1;
	} 
.btn-small-black {
		color: #ffffff;
		
		border:#222222 1px solid;
		font-size: 12px;
		font-family: 'districtregular' , 'arial','微軟正黑體';
		line-height: 24px;
		padding: 5px 8px;
		opacity:0.8; 
		
		background:#333333;
		margin-top:30px;
	}
	
	.btn-small-black:hover {
		color: #666666;
		border:#cccccc 1px solid;
		cursor:pointer;
		background:#eeeeee;
		opacity:1;
	} 	
 ul#ppd {

  padding:0;
  margin:0;
  list-style-type: none;
  


}
 ul#ppd li {
  display:inline-block;
  list-style-type: none;
                  
}
 ul#ppd li a, ul#ppd li a:visited {
  display:inline-block; 
  padding:10px 20px;
  font-size:12px;
  line-height:25px;
  border:1px solid #cccccc;
  text-align:center;
  margin:10px 5px 0  0;
  text-decoration:none;
  color:#333333;
                  
}
 ul#ppd li a:hover {
  display:inline-block; 
  padding:10px 20px;
  font-size:12px;
  line-height:25px;
  border:1px solid #efefef;
  text-align:center;
  margin:10px 5px 0  0;
  text-decoration:none;
  color:#b00000;
  background:#fefefe;
                  
}