
body {
margin:0;
padding:0;
font-size:12px;
color:#444;
line-height:180%;
text-align:left;
background:#EEF0FA;
font-family: arial,"lucida grande",tahoma,verdana,sans-serif;
}


a {color:#777;font-weight:bold;text-decoration:underline;border:0}
a:hover {color:#2C6C83;}

form {margin:0;padding:0}

img {border:0;}

span{color:#a1ca40;}

.index_demo_button {width:30px;height:28px;background:#a1ca40;position:absolute;width:30px;height:28px;background:#a1ca40;position:absolute;bottom:0;}

.index_demo_button span {display:block;width:100%;text-align:center;line-height:28px;color:#a1ca40;font-size:15px;-moz-opacity:0;filter:Alpha(Opacity=0);opacity:0;}

.index_demo_button a {display:block;width:100%;text-align:center;line-height:28px;color:#fff;font-size:15px;text-decoration:none;}

.index_demo_button a:hover {background:#fcd31c;}

h1 {color:#a1ca40; font-size:18px;line-height:160%;margin:3px 0;}
h1 a {color:#a1ca40; }

h1 span {color:#bbb}
h1 span span {color:#bbb; font-size:12px; font-weight:normal}
h1 span span a {color:#bbb; font-size:12px; font-weight:normal;}


h2 {font-size:14px;font-weight:bold;color:#a1ca40;margin:2px 0;line-height:200%;}
h2 a {color:#a1ca40; }
h2 span {color:#bbb}
h2 span span {color:#bbb; font-size:12px; font-weight:normal}
h2 span span a {color:#bbb; font-size:12px; font-weight:normal;}


h3 {font-size:12px;font-weight:normal; margin:2px 0;line-height:180%;}
h3 span {color:#a1ca40}
h3 a {color:#e5971E; font-weight:normal}

h4 {font-size:13px;font-weight:bold;margin: 0; color:#444; margin-bottom:2px;line-height:150%!important;line-height:140%;}
h4 a {color:#a1ca40; font-weight:normal}
h4 span {color:#2C6C83}

h5 {font-size:12px;font-weight:bold;color:#e5971E;margin: 0; margin-bottom:2px;line-height:150%;}
h5 span {color:#a1ca40}
p span {font-weight:bold; color:#444;}
p a {font-weight:bold; color:#444; margin:0 3px;}

ul {line-height:200%;}



.no_margin {margin:0!important;}
.no_padding {padding:0!important;}
.no_border {border:0!important;}
.no_bg {background:none!important;}


.chart_bar {float:left;margin-right:3px;width:3px;height:85px;border:1px solid #fff;background:#e9e9e9;position:relative;overflow:visible;}
.chart_bar span {position:absolute;left:-20px;display:none;border:1px solid #bbb;padding:0;width:40px;height:20px;background:#ccc;color:#fff;text-align:center;font-weight:bold;z-index:1000}
.chart_bar img {position:absolute;bottom:0;width:3px;}



#top {border-top:5px solid#edf4d2; float:left;width:100%;margin:0!important;background:#fff;  border-bottom:1px solid #e6e6e6;}
#top_nav {margin-left:5px; width:940px;height:70px;text-align:left;overflow:visible;}
#top_nav_inner {float:right;width:540px;}
#top_nav_menu {	float:right;	width:100%;}

#content_box {float:left;width:100%; background:#fff; padding:10px 0;}
#content {margin-left:5px; float:left;width:100%; padding:1px 0;}
#content_inner {width:940px;height:auto;text-align:left;overflow:visible;}

#warning {float:left;width:100%;font-size:13px;margin-bottom:10px;padding:5px 0;font-weight:bold;background:#fbffcc;text-align:center;display:block;-moz-opacity:0;filter:Alpha(Opacity=0);opacity:0;}
#error {float:left;width:100%;font-size:13px;margin-bottom:10px;padding:5px 0;font-weight:bold;background:#fcd31c; color:#fff; text-align:center;display:block;-moz-opacity:0;filter:Alpha(Opacity=0);opacity:0;}

#hint {float:left;width:100%;font-size:13px;margin-bottom:10px;padding:5px 0;font-weight:bold;background:#EEF0FA;text-align:center;display:block;}
.hint {float:left;width:100%;margin-bottom:3px;padding:6px 0;background:#fbffcc;text-align:left;}



#foot {float:left;width:100%; padding-top:5px;border-top:1px solid #e6e6e6;background:none;}

#foot_inner {margin-left:5px; width:940px; text-align:center; margin-top:5px;}
#foot_inner #text  {width:100%; text-align:center; line-height:300%;  font-weight:normal;}
#foot_inner #text a  {font-weight:normal;}



#foot_bottom_inner {margin-left:5px; width:940px;  text-align:left; margin:10px 0;}
#foot_bottom_inner #text  {width:100%; text-align:left;  font-weight:normal;color:#aaa;}
#foot_bottom_inner #text a  {font-weight:normal;color:#aaa;}




#logo {	float:left;	width:200px;	height:auto;	margin-top:5px;	text-align:left;}


#user_choice {	float:right;	text-align:right;	width:100%;	height:20px;	margin-top:10px; }
.time {font-size:10px; color:#999;margin:10px 0;}
.time span {color:#e5971E}



/*=================================*/
#submenu {float:left;width:100%; margin:0; margin-top:-1px; }
#submenu_inner  {width:940px; text-align:left;overflow:visible; }
#submenu_inner_inner  {width:940px;}
#submenu_inner_inner a {
	display:block;width:116px;
	overflow:hidden;
	height:35px;
	line-height:35px;
	float:left;
	text-decoration:none;
	margin:0;padding:0;
	text-align:center;
	font-size:15px;	
	font-weight: normal;
	border-right:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#fff;
}
#submenu_inner_inner #this_page {margin-left:-1px;border:1px solid #a1ca40;background:#a1ca40; color:#fff}
#submenu_inner_inner a:hover {color:#444;background:#edf4d2}


#tour_menu  {float:left;width:100%;padding:5px 0; margin:10px 0; text-align:center;background:#EEF0FA}
#tour_menu a {font-size:16px;color:#333;font-weight:bold;}
#tour_menu img {margin:0 30px;}

#tour_menu #this_page {background:#edf4d2}
#tour_menu a:hover {color:#a1ca40;background:#edf4d2}



.index_slide_thumb {width:300px;float:left;position:absolute;left:0;bottom:0;}
.index_slide_thumb a {display:block;float:left;padding:0;margin-right:1px;border:1px solid #e6e6e6;-moz-opacity:1;filter:Alpha(Opacity=100);opacity:1;}
.index_slide_thumb a:hover {border:1px solid #2C6C83;-moz-opacity:0.60;filter:Alpha(Opacity=60);opacity:0.6;}




#license_show {text-align:left;background:#fff;height:150px;overflow:auto;margin:10px 0;border:1px solid #e6e6e6;display:none;}

.button0_img {float:left;margin-right:10px;width:122px;text-align:center;height:30px;background:url(img/button/button0.jpg) no-repeat left top}
.button0_img a {display:block;margin-top:3px;width:100%;font-size:16px;font-weight:normal;color:#a1ca40}
.button0_img a:hover {color:#e5971E; }

.button_img {float:left;margin-top:10px;width:270px;text-align:center;height:60px;background:url(img/button/button1.jpg) no-repeat left top}
.button_img a {display:block;margin-top:15px;width:100%;font-size:24px;font-weight:bold;color:#fcd31c}
/*=================================*/

#pic_front {z-index:999;position:absolute;top:0;left:0;display:none;cursor:hand;cursor:pointer;border:1px solid #e6e6e6}
#pic_back {position:relative;cursor:hand;cursor:pointer}
#grid_box {z-index:9999;position:absolute;top:0;left:0;display:none;}
#grid_switch,#retouch_switch,#grid_big,#grid_small {background:#444;border:1px solid #fff;color:#fff;margin:0;padding:0;font-size:12px;width:70px;padding:1px 0;cursor:hand;cursor:pointer;}
#grid_big,#grid_small{width:50px;}
#grid_info {float:left;padding:2px 0;line-height:150%;border-top:2px solid #fff;color:#fff;background:#000;width:100%;height:auto;}



.demand_more_each {padding:4px 0;clear:both;border-bottom:1px solid #e6e6e6;background:#f9f9f9}

.form_textarea {border:1px solid #aaa;padding:3px;background:#fff;overflow-y:auto;width:97%!important;width:100%;height:100px;font-size:12px;line-height:180%; margin:2px 0;}
.form_file, .form_select {background:#fff;width:90%;height:20px;font-size:12px;margin:2px 0; }
.form_mid { background:#fff;width:90%;height:20px;font-size:14px; margin:2px 0;}
.form_short { background:#fff;width:50%;height:20px;font-size:14px; margin:2px 0;}
.form_button {background:#a1ca40;margin:6px 0;font-size:14px;padding:2px 10px; color:#fff}
.form_submit {background:#a1ca40;margin:6px 0;font-size:14px;padding:2px 10px; color:#fff}
.form_sign div {margin:4px 0;width:100%;clear:both;}

.grid {border-left:1px solid #333;border-top:1px solid #333;color:#666;text-align:center;float:left;-moz-opacity:0.40;filter:Alpha(Opacity=40);opacity:0.4;background:#eaeaea}
.grid a {display:block;width:100%;height:100%;background:url(img/spacer.gif) repeat;cursor:hand;cursor:pointer;}

#main {float:left;width:560px;padding:0;}

/*=================================*/
#widget  {float:right;width:355px;padding:0;margin:0}

#widget ul{list-style-type:none;margin:0;padding:0;}

#widget ul li{list-style-type:none;padding:0;margin:0;width:100%;}

#widget ul li a{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;margin:0;border-bottom:1px solid #e6e6e6;}

#widget ul li a:hover{color:#e5971E;;}

#widget  ul li a#this_page { background:#fafafa;color:#e5971E}

/*=================================*/



.normal  {width:100%;float:left;}

.normal  #tag a {text-decoration:none;border-bottom:1px dotted #3577cc;}
.normal  #tag a:hover {color:#fff;background:#73B7CF;}
.normal  ul {margin:0;padding:0;list-style-type:none;margin-left:20px;}
.normal  ul li {padding:0;margin-top:5px;}
.normal_title {width:100%;font-size:13px;color:#a1ca40;font-weight:bold;margin-top:15px;margin-bottom:5px;padding:0;float:left;border-bottom:1px solid #e6e6e6}
.normal_title  span {color:#2C6C83;}
.normal_title  span span{color:#666;}


.comment {width:100%;float:left;border-bottom:1px solid #e6e6e6; margin:3px 0}
.comment span {color:#999;font-size:9px;}
/*=================================*/


.index_mid {float:left;margin-left:12px;width:240px;height:207px;border:1px solid #e0e0e0;}
.index_mid_inner {background:#f1921a;text-align:center;width:238px;height:205px;border:1px solid #fff;}

.index_mid2 {float:left;margin-left:15px;padding:5px 0;margin-bottom:10px;width:170px;border-right:1px solid #e0e0e0;}
.index_mid2_first {border-left:1px solid #e0e0e0;width:185px!important;width:175px;float:left;padding:5px 0;margin-bottom:10px;border-right:1px solid #e0e0e0;}
/*=================================*/
.mail {width:100%;float:left;}
.mail_thread {width:98%;float:left;padding:3px;height:30px;}
.mail_thread a {text-decoration:none;line-height:30px;}
.mail_thread a:hover {text-decoration:underline;}
.mail_content {width:98%;float:left;border:1px solid #e6e6e6;margin:3px 0;padding:3px;}
.mail_reply {width:98%;float:left;border-top:1px dotted #e6e6e6;margin:3px 0;padding:3px;color:#999}
/*=================================*/


.project_list {float:left;width:260px; background:#f3f3f3; padding:10px 0; margin-right:15px;margin-bottom:20px;}
#project_cover {float:left;clear:both; position:relative;  width:100%; text-align:center}
#project_cover a {border:0}
#project_cover img {width:130px;border:1px solid #fff;}
#project_info {float:left;clear:both;  width:100%; margin-top:20px;}


.instruction_list {float:left;width:170px;  background:#f3f3f3; padding:10px 0; margin-right:15px;margin-bottom:20px;}
#instruction_cover {float:left; position:relative; clear:both; width:100%; text-align:center}
#instruction_cover a {border:0}
#instruction_cover a:hover img {border:1px solid #a1ca40;}
#instruction_cover img {width:130px; border:1px solid #fff;}
#instruction_info {float:left; width:100%; margin-top:10px; text-align:center;}
#instruction_reference {position:absolute; left:1px; color:#fff; top:72px;text-align:center;width:100%;background:#666; opacity:0.6;-moz-opacity:0.60;filter:Alpha(Opacity=60);}
#instruction_service {position:absolute; left:1px; color:#000; top:72px;text-align:center;width:100%;background:#a1ca40; opacity:0.6;-moz-opacity:0.60;filter:Alpha(Opacity=60);}




.upload_step {float:left;margin-right:65px; }
.upload_step img {float:left;margin-right:5px; }
.upload_step span {float:left;margin-top:5px;  font-size:14px; color:#aaa;font-style:italic}
.upload_step span b{ color:#333; font-size:16px;}

.each_stuff {float:left;clear:both;width:100%;padding:10px 0;border-bottom:1px solid #e6e6e6;}

.each_stuff_cover {float:left;margin-right:10px;}
.each_stuff_cover a {float:left;border:1px solid #fff;border:1px solid #e6e6e6;}
.each_stuff_cover a:hover {border:1px solid #a1ca40;}
.each_stuff_cover img {float:left;clear:both;width:130px;border:1px solid #fff;}
.each_stuff_info {float:left;width:395px;margin-bottom:5px;text-align:left;}
.each_stuff_info a {color:#a1ca40; font-weight:normal}
.each_stuff_info span a {color:#e5971E; font-weight:normal}

.timebar {float:left;background:#fbffcc;margin:3px 0;border:1px solid #e6e6e6;width:355px;padding:2px}
.timebar div {background:#fcd31c;height:5px;}

.status {float:left;width:355px;position:relative;background:#edf4d2;padding:3px}


.example_pic {display:none;position:absolute;width:940px;text-align:center;}
.example_pic_thumb {float:left;width:940px;text-align:center;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.example_pic_thumb a {margin-right:1px;-moz-opacity:1;filter:Alpha(Opacity=100);opacity:1;}
.example_pic_thumb a img {border:1px solid #e6e6e6;}
.example_pic_thumb a:hover {-moz-opacity:0.60;filter:Alpha(Opacity=60);opacity:0.6;}



.retouched_each {float:left;height:auto;margin:2px;position:relative;z-index:1000}
.retouched_each_pro {float:left;clear:both;}
.retouched_each_pro a,.retouched_each_pro span {float:left;width:42px;height:42px;border:1px solid #e6e6e6;padding:0px;cursor:hand;cursor:pointer;}
.retouched_each_pro a img,.retouched_each_pro span img {float:left;width:40px;border:1px solid #fff;cursor:hand;cursor:pointer;}
.retouched_each_pro a span {display:none;}
.retouched_each_pro a span h6 {display:block;position:absolute;left:4px;top:70px;margin:0;background:#666;color:#fff;width:40px;text-align:center;opacity:0.5;-moz-opacity:0.50;filter:Alpha(Opacity=50);}
.retouched_each_pro a:hover h6 {display:inline; position:absolute;}

.retouched_popout {display:none;text-align:left;color:#fff;position:absolute;top:-140px;left:-140px;background:url(http://www.tucia.com/img/pop_arrow2.gif) center bottom no-repeat;}
.retouched_popout_inner {float:left;padding:2px;background:#fff;border:7px solid #edf4d2;height:115px;width:315px;margin-bottom:10px; }
.retouched_popout_inner div {float:left;border:1px solid #e6e6e6; margin:1px;}
.retouched_popout_inner div img {float:left;border:3px solid #fff; }
.retouched_popout_inner #arrow {margin-top:55px;border:0;}
.retouched_popout_inner #arrow img {border:0;}
.retouched_popout_inner h4 {line-height:120%!important;color:#888}
.retouched_popout_inner h4 span { color:#a1ca40}



/*=================================*/
.personal {float:left;clear:both;width:100%;padding:10px 0;border-bottom:1px solid #e6e6e6;}

.personal_cover {float:left;text-align:center;margin-right:5px;border:1px solid #e6e6e6;}
.personal_cover a {float:left;border:1px solid #e6e6e6;}
.personal_cover a:hover {border:2px solid #a1ca40;}
.personal_cover img {float:left;clear:both;width:85px;border:3px solid #fff;}

.personal_intro {float:left;width:85%;line-height:200%}



#popout_option_bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	width:100%;
	height:1100px;
	z-index:1000;
	filter:Alpha(Opacity=60);
	-moz-opacity:0.6;
	}
#popout_option_box{
	position:absolute;
	top:30%;
	left:30%;
	background:#fff;
	border:10px solid #a1ca40;
	width:500px;
	height:200px;
	z-index:10000;
	font-size:14px;
	font-weight:bold;
	line-height:200%;
	text-align:center;

	}
#popout_option_box span {color:#fcd31c;}
#popout_option {
	width:100%;
	float:left;
	margin-top:0;
	}


.page {
float:left;
clear:both;
width:100%;
color:#0A6F99;
margin-top:10px;

}

.page ul {margin:0;padding:0;list-style-type:none;}

.page li {
	float:left;
	width:20px;width:20px!important;
	height:20px;height:20px!important;
	text-align:center;
	line-height:20px;
	background:#a1ca40;
	color:#fff;
	border:1px solid #a1ca40;border-bottom:1px solid #a1ca40;border-bottom:1px solid #a1ca40!important;
	margin-left:6px;
	margin-bottom:3px;
	font-size:12px;
	line-height:20px;
}
.page li a {
	text-decoration:none;
	display:block;
	width:100%;
	background:#fff;
	color:#a1ca40;
}

.page a:hover {background:#a1ca40;color:#fff;}



.popout {display:none;text-align:left;color:#fff;position:absolute;top:-70px;left:0;height:auto!important;height:72px;background:url(img/pop_arrow.gif) left bottom no-repeat;}
.popout_inner {float:left;padding:5px;background:#fff;border:1px solid #a1ca40;height:48px;width:220px;margin-bottom:10px!important;margin-bottom:0}
.popout_inner div {float:left;border:1px solid #e6e6e6;margin-right:10px;text-align:center;}
.popout_inner div img {width:40px;border:3px solid #fff;}
.popout_inner h4 {line-height:120%!important;}
