@charset "utf-8";
/* CSS Document */
/*img{behavior: url(../images/iepngfix.htc);}*/
body{ 
	background:#FFF; 
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	}
h1{
	color:#333;
	font-weight: bold;
	font-family:"Trebuchet MS","微軟正黑體";
	font-size: 14px;	
}
h2{
	color:#333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
}
h3{	
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;	
}
a:link{
	color:#333;
	font-size:12px;
	text-decoration:none;
	}
a:visited{
	color:#000;
	font-size:12px;
	text-decoration:none;
	}
a:hover{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
}
a:active{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
}
.page_title{
font-size:13px;
font-weight:bolder;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top:10px;
background:url(../images/dot_01.jpg) no-repeat left top;	
	}
/* --------------------------------------------------------------
   
   div layout
   
-------------------------------------------------------------- */
#creep_layout{
	text-align:left;
	}
#creep3_top,#creep3_left,#creep3_bottom{
	text-align:left;
	}
#creep3_top{
	margin-top:20px;
	width:100%;
	height:120px;
	clear:both;
	}
#creep3_left{
	width:200px;
	height:600px;
	}
#creep3_right{
	width:100%;
	min-height:600px;		
	}
#creep3_bottom{
	width:100%;
	height:120px;
	}
#creep3_left,div#creep3_right,#creep3_bottom{
	float:left;
	}
/* --------------------------------------------------------------
   
   FOOTER
   
-------------------------------------------------------------- */

#footer {
	width:100%;
	background-color:#999;
	height: 29px;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

.ios #footer,
.ios #footer {
	position: relative;
}

/* --------------------------------------------------------------
   
   Footer navigation
   
-------------------------------------------------------------- */

#footer nav,
#footer #footer-top {
	position: relative;
	top: 7px;
}

#footer nav {
	position: absolute;
	top: 0px;
	right: 6px;
	
}

#footer nav a {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "QuicksandBook", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	margin-right: 6px;
	cursor: pointer;
	display: block;
	margin: 0 3px;
}

#footer a {	
	font-family: "QuicksandBook", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	height:32px;
	position:relative;
	font-size: 10px;
}

#footer a span {
    margin: 0 3px 0 0;
}

#footer nav a:hover span {
	border-bottom: 1px solid #d6d6d6;
}

#footer-top {
	cursor:pointer;
	display:block;
	float:left;
}
	

#creep3_logo{
  position:fixed;
  top:20px;
  left:0;	
	}	
	
/* --------------------------------------------------------------
   
   menu
   
-------------------------------------------------------------- */
div#creep3_menu{
  width:190px;
  position:fixed;
  top:135px;
  left:0;
	}
div#fb_like_div{
	width:50px;
	height:20px;
	text-align:left;
	position:relative;
	left:30px;
	display:block;
	}
div#creep3_menu_div{
	margin-left:30px;
	}
ul.creep3_menu{
	margin:0;
	padding:0;
	}
.creep3_menu li{
	list-style:none;
	list-style-position:outside;
	margin:5px 0 0 0;	
	}

#creep3_index{
	width:800px;
	}
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #FFF; 
  opacity: 0.8;
  color: #000;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}
.creep3_submenu{
	margin:0 0 0 20px;
	padding:0;
	width:150px;
	}
.creep3_submenu span{
	padding:1px;
	cursor:pointer;
	display:block;
	width:150px;
	height:14px;
	}
.creep3_submenu a{
	color:#999;
	}
/* --------------------------------------------------------------
   
   index box_area
   
-------------------------------------------------------------- */

.news_text{
	background-color:#F3F3F3;
	color:#000;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	width:400px;
	}
/* --------------------------------------------------------------
   
   IPAD
   
-------------------------------------------------------------- */

.ipad section#footer,
.iphone section#footer,
.ipad #newsletter-slideup,
.iphone #newsletter-slideup {
	display: none;
}

/* --------------------------------------------------------------
   
   SHOW CASE LIST
   
-------------------------------------------------------------- */

.show_case{
	float: left;
	margin: 0 10px 10px 10px;
	padding:5px;
	}
.ic_container{
    vertical-align:baseline;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.ic_container a{
	color:#FFFFFF;
	}
.ic_container a:hover{
	color:#CCC;
	}
.overlay{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.ic_caption{
    position:absolute;     
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
}
.ic_category,.ic_category a{
    text-transform:uppercase;
    font-size:12px;
	font-family:"Courier New", Courier, monospace;
	word-wrap:break-word;
	word-break: break-strict;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
    font-size:10px;

}

/* --------------------------------------------------------------
   
   case info
   
-------------------------------------------------------------- */
.creep3_photo_list{
	margin-top:10px;
	}
.creep3_case{
	margin-left:20px;
	width:700px;
	}
.creep3_case img{
	max-height:600px;
	max-width:800px;
	}
ul.photo_thumbs{
	padding:0;
	margin:0;
	height:30px;
	}
ul.photo_thumbs li{
	list-style:none;
	float:left;
	margin:0 5px 0 0;
	height:16px;
	text-align:center;
	font-size:12px;
	}
span.clicked_thumb{
	
	}
span.other_thumb{
filter:alpha(opacity=50);
opacity:0.5;
	}
.creep3_case_area{
	width:800px;
	text-align:left;
	position:relative;
	}
.creep3_case_text{
	width:650px;
	text-align:left;
	position:relative;
	}
.hover_photo_area{
	position:absolute;
	width:640px;
	height:400px;
	z-index:10;
	top:0;
	left:-20px;
	}
.tata-ajax-loader-img{
/*	background-image:url(../images/loading.gif);  */
	}
.hover_photo{
	height:400px;
	float:left;
	cursor:pointer;
	background-color:#FFF;
	filter:alpha(opacity=0);
	opacity:0;
	
	}
#prev_click{
	}
.prev_hover{
	background:url(../images/direct_left.png) transparent 190px no-repeat;
	background-position:left;
	filter:alpha(opacity=100);
	opacity:1;	
	}
#next_click{
	}
.next_hover{
	background:url(../images/direct_right.png) transparent 190px no-repeat;
	background-position:right; 
	filter:alpha(opacity=100);
	opacity:1;
	}
.ios #prev_click{
	background:url(../images/direct_left.png) transparent 190px no-repeat;
	background-position:left;	
	filter:alpha(opacity=100);
	opacity:1;	
	}
.ios #next_click{
	background:url(../images/direct_right.png) transparent 190px no-repeat;
	background-position:right; 
	filter:alpha(opacity=100);
	opacity:1;	
	}

	/* --------------------------------------------------------------
   
   contact
   
-------------------------------------------------------------- */
#contact{
	padding-left:20px;
	margin-bottom:40px;
	}
.step li>span{
	float:left;
	color:#333333;
	font-weight:bolder;
	}
.step .form_tcol{
	width:120px;
	color:#999999;
	font-weight:normal;
	display:block;
	}
#fieldWrapper li{
	clear:both;
	height:30px;
	}
#contact th,td {
    font-family:  Verdana, sans-serif;
	font-size: 12px;
	color: #8B8B8B;
	font-weight:normal;
	height:30px;

}
.form_title{
	text-align:left;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bolder;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
	margin-bottom:20px;
	color:#333333;
	}
#Navigation{
	margin-top:30px;
	text-align:left;
	}
#next{
	width:42px;
	height:43px;
	background:url(../images/creep-button.png) no-repeat left top;
	border:0;
	}
#back{
	width:42px;
	height:43px;
	background:url(../images/creep-button.png) no-repeat left top;
	border:0;
	margin-right:10px;
	}
#fieldWrapper em.error{
	color:#FF0000;
	font-size:12px;
	}
#reload_img{
	cursor:pointer;
	}



#form_Type,#form_set,#web_type,#form_class,#form_case,#form_area,#form_tel,#form_cell,#form_p,#form_Valuation,#form_name,#form_add,#form_email,#form_qa,#form_num,#form_item,#form_com{
	width:250px;
	height:25px;
	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;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #E7E7E7;
	border-left-color: #FFF;
	
}
#contact_form{
	float:left;
	margin-bottom:20px;
	}
#fieldWrapper .input_text{
	border:#fff solid 1px;
	border-bottom:solid 1px #E7E7E7;
	}

#form_p,#form_Valuation,#form_name,#form_num{
	width:100px;
}

#form_qa{
	width:250px;
	height:50px;
}

#form_add{
	width:250px;
}


.contact_right{
  width:800px;
}

.go_button,#go_to_creep{
/*	display:none;*/
	}
#creep-map{
float:left;
width:320px;
height:340px;
margin-left:20px;	
	}
#go_to_creep{
width:320px;
height:320px;
	}
.ios .go_button{
	display:block;
	}
#reload_map,#close_map{
	width:20px;
	height:20px;
	cursor:pointer;
	}
#reload_map{
	float:left;
}
#close_map{
	float:right;
	}
	
	

	/* --------------------------------------------------------------
   
   About
   
-------------------------------------------------------------- */
#about_menu{
	clear:both;
	width:600px;
	height:80px;
	}
#about_menu a{ 
display:block;
height:30px;
width:100px;
font-size:13px;
font-weight:bolder;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
padding-top:10px;
background:url(../images/dot_01.jpg) no-repeat left top;
}
#about_menu a span{
font-size:12px;	
	}
.about_Introduction,.about_img{min-height:420px;float:left;border-top: thin solid #000; margin:5px;}
.about_Introduction{width:350px;}
.about_img{width:350px;border-top-color:#FFF; text-align:center;}	
.about_img  img{margin:100px auto auto auto;}

.about_Introduction h1{font-size: 18px;font-family: "Lucida Sans Unicode";
	font-weight: normal;letter-spacing:1pt;line-height:11pt;color: #000;}
.about_Introduction h2{font-style:normal;font-family:"微軟正黑體";}
.about_Introduction h3{font-family: "Lucida Sans Unicode";letter-spacing:0.7pt;}
.about_Introduction p{color:#666;line-height:18pt}

/*-------------service creep------------ */
.service_item {margin-top:20px;}
.service_ul {list-style: none;
	position: relative;
	margin: 0;
	padding: 0; }
.service_ul li { width:150px;height:300px;float:left;}/*單一區塊長度*/
.service_inner{
	width:390px;
	}
.service_text{
	clear:both;
	width:300px;
	height:170px;
	display:none;
	margin-left:5px;
	padding-top:5px;
	}
.s_title{
	height:80px;
	}
.s_text{
	margin-left:5px;
	width:130px;
	height:170px;
	}
.hover_ico{
margin-top:5px;
background:url(../images/c_03.png) bottom left no-repeat; float:left;
height:10px;
width:10px;
	}
.service_Title{width:60px;float:left; margin-left:5px;height:130px;}
.service_A{background:url(../images/se_01.png);}
.service_B{background:url(../images/se_02.png);}
.service_C{background: url(../images/se_03.png);}
.service_D{background: url(../images/se_04.png);}
.service_A,.service_B,.service_C,.service_D{/*全長330*/
height:170px;background-repeat:no-repeat;background-position:right bottom; float:left;}
.service_item h1{font-size:12px;font-style:italic;}
.service_item h1,.service_item h2{line-height:16px;}
.service_item h2{font-style:normal;}
.service_item p{line-height:14px;font-size:12px;width:60px;margin:0;padding:0;padding-bottom:3px;margin-left:4px;color:#6C6C6C;}
.service_ul ol{
	float:left;
	line-height:14px;
	font-size:12px;
	width:60px;
	margin:0;
	padding:0;
	margin-bottom:5px;
	margin-left:4px;
	color:#666;
	}
.service_ul li.active .service_text{
display: block;
/* border-top:#000 solid 1px;*/
background-color:#EBEBEB;
	 }
.service_ul li.active .hover_ico{
background:url(../images/c_04.png) bottom left no-repeat;
}
.service_ul li.active h1, .service_ul li.active h2{
	 text-shadow:#EAEAEA 2px 2px;	 }
/*-------------service creep------------ */

.about_line {
	margin-bottom: 20px;
	clear:both;
}
.about_line ul{
	margin:0;
	padding:0;
	margin-left:10px;
	}
.about_line li{
	list-style-type: none;
	line-height:16px;	
}
.about_title{
	font-size:15px;
	color:#000;
	font-weight:bolder;
	letter-spacing:1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	}

.about_line_b {
	clear:both;
	margin-bottom: 40px;
	width:800px;
	height:150px;	
}

.about_line_b  ul{
	float:left;
	margin:0;
	padding:0;
	margin-left:10px;
}

.about_line_b  li,.about_line_b  li a{
	-webkit-text-size-adjust:none;
	list-style-type: none;
	line-height:16px;
	color: #999;
	font-size:11px;
	width:120px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}
.about_subtitle,li.about_subtitle,li.about_subtitle_en{
	margin-bottom:10px;
	padding-top:10px;
	background:url(../images/dot_01.jpg) no-repeat left top;
	}
.about_subtitle,li.about_subtitle{
	font-size:13px;
	color:#000;
	font-weight:bolder;
	letter-spacing:1px;	
	}
li.about_subtitle_en{
	font-size:11px;
	color:#000;
	font-weight:bolder;
	letter-spacing:1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.about_line_b  li a:hover{
	color:#000;
	}
.fb_like{
	margin-bottom:50px;
	margin-top:10px;
	}




/* --------------------------------------------------------------
   
news
   
-------------------------------------------------------------- */




.new_Title{
	padding-left:40px;
	margin-top: 10px;
}

.news_title_txt{
	font-weight: bold;
	font-family:"Trebuchet MS","微軟正黑體";
	font-size: 14px;
    float:left;
}

#new_contact{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;	
	line-height:150%;
	padding-top: 10px;
	padding-left:40px;
	padding-right:40px;
	margin-bottom: 20px;
}

#new_contact li{
	list-style-type: none;	
}







/* --------------------------------------------------------------
   
 news_文章部分
   
-------------------------------------------------------------- */


.news_main,.news_main_Title,.news_main li{
    width:400px;
}

.news_main{
	margin: 0 10px 60px 10px;
	float:left;
}
 

.news_main ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

.news_main li{  
	color: #999999;
}
.news_main li h1{
	height:30px;
	}

.news_main img{
	max-height:200px;
	max-width:300px;
	margin-top:5px;
}


.news_main span{
	float:right;
	padding-top:15px;
}
.news_main_txt{
	margin-top:10px;
}
.news_main .news_img{
	height:210px;	
	}
.news_main .news_data{
	height:50px
	}
.news_main .news_more{
	height:20px
	}
.news_word li,.news_word ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.news_word{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;	
	line-height:150%;
	width:600px;
	margin-bottom:120px;
	}
.news_word img{
	max-width:600px;
	}

/* --------------------------------------------------------------
   
 client
   
-------------------------------------------------------------- */

#creep_client,#creep_client ul{
	width:100%;
	}
#creep_client ul li{
list-style:none;
width:133px;
height:133px;
margin-bottom:30px;
margin-left:30px;
text-align:center;
float:left;
border:#CCC solid 1px;
}
#creep_client ul li img{
	width:132px;
	height:132px;
	border:0;
	}



/* --------------------------------------------------------------
   
外部
   
-------------------------------------------------------------- */

#news_main_right{
	width:800px;
	}


/* --------------------------------------------------------------
   
downloads
   
-------------------------------------------------------------- */
#download{
	
	}

.div_issue {
	width:auto;
	text-align:center;

}

.div_issue  ul{
	width:autopx;
}

.div_issue  li{
	float:left;
	list-style-type: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	margin:20px 20px 20px 0;
	width:160px;
	height:200px;
}


.div_issue img{
	text-align:center;
	vertical-align:middle;
	max-height:150px;
	max-width:150px;
}
.dlView{
	margin-top:10px;
	}
/* --------------------------------------------------------------
   
Film
   
-------------------------------------------------------------- */

#film_layout {
	height:850px;
	width:800px;
	float:left;
	text-align:left;

}



.film_layout {
	position: relative;
	margin-top: -120px;
	background-image: url(../images/creep_film.jpg);	

}

#film_line{
	position: relative;
	margin-top:520px;
	margin-left:10px;
	width:567px;
	height:144px;
	background-image: url(../images/film3.png);
	background-repeat: repeat-x;
}

/* --------------------------------------------------------------
   
Portfolio
   
-------------------------------------------------------------- */
#portfoio_content,#portfoio_content ul{
	width:100%;
	}
#portfoio_content ul li{
list-style:none;
width:150px;height:150px;margin:30px;text-align:center;float:left;
}
#portfoio_content li div{
	font-family: "Lucida Sans Unicode";
	font-size:12px;
	}
/* --------------------------------------------------------------
   
Project
   
-------------------------------------------------------------- */	
.project_ico{
	width:auto;
	height:43px;
	float:left;
	margin-right:20px;
	padding-top:5px;
	}
#search{
	float:left;
	margin-right:10px;
	}
#search select{
	width:100px;
	}
#search ul{ padding:0; list-style:none;}
#search ul .search{
	float:left;
	font-weight:bolder;
	margin-right:5px;
	}
#search .dropdown-menu{
	padding-left:10px;
	}
.dropdown-menu li{
	font-weight:normal;
	margin:auto;
	}
.dropdown-menu li input{
	margin-right:4px;
	}
#search ul li label{
	float:left;
	padding-top:5px;
	vertical-align:middle;
	}
#search .dropdown-menu label{
	float:none;
	vertical-align:top;
	padding-top:0;
	}
#search ul li input{
	vertical-align:middle;
	float:left;
	}
#insert_project tbody td{
	text-align:left;
	}
#insert_project input{
	width:150px;
	}
#insert_project input.radio{
	width:30px;
	}
.project_ico a{
	font-size:26px;
	font-family:"Microsoft JhengHei","微軟正黑體";
	}
.project_table{
	font-family: "Microsoft JhengHei", "微軟正黑體";/*"Perpetua Titling MT",*/
	margin-top:20px;
	min-width:550px;
	}
.project_table th{
	font-size:13px;
	}
.project_table td,.project_table th{
	text-align:left;
	border-bottom:dotted #000 1px;
	padding:5px;
	line-height:28px;
	}
.float_table{
	float:left;
	margin-right:50px;
	}
.project_enter{
	
	}
.pt_ul{
	list-style:none;
	padding:0;
	margin-top:5px;
	}
.pt_ul li{
	padding:5px;
	margin-right:5px;
	float:left;
	border:solid #CCC 1px;
	-moz-border-radius:5px;
	}
.select-designer{
	width:100px;
	height:200px;
	}	
.clean-both{
	clear:both;
	}
.month_year{
	font-size:16px;
	font-weight:bolder;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#project_info{
	padding-top:8px;
	font-size:16px;
	font-family:"微軟正黑體";
	}
#project_info span{
	font-weight:bolder;
	margin-left:10px;
	}
.calendar_table{
	margin-bottom:20px;
	}
.calendar_table th,.calendar_table td{
	width:18px;
	padding:2px;
	}
.calendar_table .project_title{
	width:150px;
	}
.calendar_table td{
	border-right:#999 solid 1px;
	}
.in_range{
	background-color:#CCC;
	cursor:pointer;
	}
.in_range:hover{
	background-color:#666;
	}
.today{
	background-color:#6CC;
	}
.dialog-form div{
	vertical-align:middle;
	}
.dialog-form  fieldset{
	border:0;
	}
.msg{
	cursor:pointer;
	}
.msg:hover{
	filter:alpha(opacity=40);  /*IE*/  
	-moz-opacity:0.40; /*FireFox*/   
	opacity:0.40;  /*Chrome, Opera, */
	cursor:pointer;
	}
.in_range .msg{
	text-align:center;
	font-size:20px;
	color:#FF0;
	font-family:"標楷體";
	}
.dialog-form label{
	vertical-align:middle;
	}
.dialog-form,.dialog,.dialog_list{
	display:none;
	}
.dialog_list ul{
	list-style:none;
	}
.dialog_list ul li{
	border-bottom:#CCC solid 1px;
	width:400px;
	height:30px;
	padding-top:5px;
	}
.dialog_list ul li span{
	font-family:"標楷體";
	font-size:19px;
	width:300px;
	display:block;
	float:left;
	}
.dialog_list ul li span:first-child{
	width:100px;
	font-size:14px;
	font-weight:bolder;
	}	
.dialog_list ul li span em{
	font-family:"標楷體";
	font-size:17px;
	font-style:normal;
	color:#999;
	padding:0 2px;
	}
.color-box{
	width:10px;
	height:10px;
	}
input.date{
	width:80px;
	}
label{
	margin-right:5px;
	}
.float_form{
	float:left;
	width:550px;
	margin-right:10px;
	}
.week{
	-webkit-text-size-adjust:none;
	font-size:10px;
	color:#666;
	}
.week .sat{
	color:#090;
	}
.week .sun{
	color:#F00;
	}
.check_table{
	font-family:"Microsoft JhengHei", "微軟正黑體";/*Arial, Helvetica, sans-serif,*/
	border-left:solid #000 1px;
	border-top:solid #000 1px;
	margin-top:20px;
	width:790px;
	height:350px;
	color:#000;	
	}
.check_table .account_table td,.check_table .account_table th{
	background-color:#FFFFFF;
	border-bottom:solid #000 1px;
	}
.check_table .account_table{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-left:solid #000 1px;
	border-top:solid #000 1px;
	}
.check_table tbody td,.check_table tbody th{
	text-align:center;
	border-right:solid #000 1px;
	border-bottom:solid #000 1px;
	padding:5px;
	line-height:30px;
	color:#000;
	}
.check_table tbody th{
	}
  .account_table tr.title td{
	  font-weight:bolder;
	  font-size:13px;
	  }
.check_table tfoot td{
	text-align:left;
	border-right:solid #000 1px;
	border-bottom:solid #000 1px;
	padding:5px;
	line-height:30px;
	color:#000;
	}
.check_table th{
	background-color:#CCC;
	}
.account_table{
	font-family: "Microsoft JhengHei", "微軟正黑體";/*Arial, Helvetica, sans-serif,*/
	margin-top:20px;
	min-width:471px;
	color:#000;
	}
.account_table th{
	font-size:13px;
	}
.account_table tbody td,.account_table tbody th{
	/*text-align:center;*/
	border-bottom:dotted #000 1px;
	padding:5px;
	line-height:30px;
	color:#000;
	}
.account_table thead th{
	font-size:15px;
	padding:2px;
	background-color:#CCC;
	text-align:center;
	}
.account_table tr:nth-child(even){
	background-color:#EBEBEB;
	}
.account_table tfoot td{
	font-size:16px;
	text-align:center;
	border-top:solid #000 2px;
	padding:5px;
	line-height:30px;
	color:#000;
	}
.account_table td,.account_table .msg{	
font-size:12px;
font-family: "Microsoft JhengHei","新細明體";/*"Perpetua Titling MT",*/
	}
.account_table .blue,.account_table .blue a{
	color:#06F;
	}
.account_table .red,.account_table .red a{
	color:#F00;
	}
.project_table .right,.account_table .right{
	text-align:right;
	} 
.project_table .left,.account_table .left{
	text-align:left;
	}
.account_table span.price_sum{
	font-family: "Microsoft JhengHei", "微軟正黑體";/*Arial, Helvetica, sans-serif,*/
	font-size:15px;
	padding:0 5px;
	}
.property_table tbody td,.property_table tbody th{
	border-bottom:dotted #000 1px;
	padding:5px;
	line-height:30px;
	width:150px;
	color:#000;	
	}
.property_table tfoot td{
	font-size:16px;
	text-align:center;
	border-top:solid #000 2px;
	padding:5px;
	line-height:30px;
	color:#000;
	}
.year_month{
	width:70px;
	margin-right:10px;
	}
#account_form_insert{
	float:left;
	}
#account_form_insert .insert_select{
	width:auto;
	}
#pay_form_div{
	float:left;
	width:600px;
	min-height:600px;
	border:#EAEAEA solid 1px;
	}
.submit_button{
	text-align:center;
	margin-top:20px;
	}
#pay_form_div{
	text-align:center;
	}
#pay_form_div table{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}
.people_table{
	font-family:"Microsoft JhengHei", "微軟正黑體";/*"Perpetua Titling MT", */
	margin-top:20px;
	min-width:471px;
	}
.people_table  th{
	font-size:13px;
	}
.people_table  td,.people_table th{
	text-align:center;
	border-bottom:dotted #000 1px;
	padding:5px;
	line-height:28px;
	}
.people_table tbody td:nth-child(even){
	text-align:left;
	}
.access_table{
	font-family:"Microsoft JhengHei", "微軟正黑體";/*"Perpetua Titling MT", */
	border-top:solid #000 1px;
	border-left:solid #000 1px;
	margin-top:20px;
	min-width:800px;	
	}
.access_table thead th{
	text-align:center;
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
	padding:5px;
	line-height:20px;
	width:100px;
	height:50px;	
	}
.access_table td,.access_table tbody th{
	text-align:center;
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
	padding:5px;
	line-height:20px;
	width:100px;
	height:100px;
	}
.access_table .sat{
	color:#0C0;
	}
.access_table .sun{
	color:#F00;
	}
.access_table .red{
	color:#F00;
	}
.access_table i{
	color:#36F;
	}
.access_table b{
	color:#8B8B8B;
	}
.access_table td{
	vertical-align:top;
	}
.access_table .gov{
	color:#F00;
	}
.access_table .personal{	
	color:#09F;
	}
.access_table select{
	width:80px;
	}
	
.dropdown-menu i{
	padding-left:5px;
	}
/*      2013 new year card*/
.card_button{
	cursor:pointer;
	width:45px;
	height:45px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
	}
.card_button img{
	display:table-cell;
	width:30px;
	margin:auto auto;
	border:0;
	}
#card2013{
	margin-bottom:10px;
	background:url(/album_photo/1bfca83d4a19196b357acfcc4131adfa.jpg) no-repeat;
	width:600px;
	height:450px;
	}
#button_a{
	float:left;
	margin-top:350px;
	margin-left:210px;
	}
#button_b{
	float:left;
	margin-top:350px;
	margin-left:80px;
	}
#download_image{
	background:url(/images/desktop_download.jpg) no-repeat;
	width:600px;
	height:411px;
	}
	
.rule_title,.rule_content{
	list-style:none;
	width:800px;
	}
.rule_title{
	font-size:13px;
	font-weight:bolder;
	}
.rule_content{
	font-size:12px;
	margin-bottom:10px;
	border-bottom:dotted #D5D5D5 1px;
	}
.currency{
	display:block;
	color:#F00;
	}