@charset "utf-8";
/* CSS Document */
/*Designed by: Vio XL!studio, vio@xlbang.com, http://xlbang.com
css reset by: http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126*/
/*--layout clear start--*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/*--layout clear end--*/


body{font-size:12px;font-family:Arial,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;background:#353535;;color:#FFF;/* font-weight:600*/}
/*font-family:Arial, 'LiHei Pro',"微軟正黑體","Microsoft JhengHei",sans-serif;*/
/* "Hiragino Maru Gothic Pro", "儷黑 Pro", helvetica, Tahoma,"微軟正黑體";*/

/*index page*/	
#index_9,#index_logo,#index_language {text-align:center;}
#index_9{position:absolute;margin-top:80px;height:358px; width:358px; margin-left:331px;box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.5);}
#in91,#in92,#in94,#in95{margin:0 8px 8px 0}
#in93,#in96{margin:0 0 8px 0}
#in97,#in98{margin:0 8px 0 0}
#in91:hover,#in95:hover,#in93:hover,#in97:hover,#in99:hover{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transition:all 5s ease;}
#in92:hover,#in96:hover,#in94:hover,#in98:hover{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transition:all 5s ease;}
.index9uni{ float:left; margin:0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;}
#index_logo{position:absolute;display:block; width:480px; height:130px;background:url(/web_pic/logo-cty-space480.130.png);left:270px;top:446px;}
#index_language{position:absolute;display:block; width:358px; height:50px;left:331px;top:575px;color:#FFF;font-size:14px;}
#index_language a:link{color:#FFF;text-decoration: none;}
#index_language a:visited{color:#FFF;text-decoration: none;}
#index_language a:hover{color:#444040;text-decoration: none;}
#index_language a:active{color:#444040;text-decoration: none;}

/*ground_head area*/
#ground_head{position:relative;height:110px;margin:0 auto; background:#353535;z-index:5}
#logo_pic{position:absolute;display:block; top:5px;left:20px; width:100px; height:100px;background:url(/web_pic/logo-cty-space-peer-b.png);cursor: pointer;}
#logo_pic:hover{background:url(/web_pic/logo-cty-space-peer-y.png);cursor: pointer;}
#fb{position:absolute;display:block; top:48px;right:80px; width:46px; height:46px;background:url(/web_pic/cty_fb_b.png);cursor: pointer;}
#fb:hover{background:url(/web_pic/cty_fb_w.png)}
#en{position:absolute;display:block; top:48px;right:28px; width:46px; height:46px;background:url(/web_pic/en_b.png);cursor: pointer;}
#en:hover{background:url(/web_pic/en_w.png)}
/*ground area(ground_main)*/
#ground_background{position:relative; height:745px;background:#9B9797 url(/web_pic/bg2.jpg)}
#ground{position:relative; height:745px; width:1020px;margin:-110px auto 0 auto;}
#ground_left{position:relative;width:540px;left:0;top:0;}
#nav{font-size:15px;color:#444040;position:absolute; right:-13px; top:229px;width:538px; height:25px;font-weight:900;}
#nav a:link{color:#444040;text-decoration: none;}
#nav a:visited{color:#444040;text-decoration: none;}
#nav a:hover{color:#FFF;text-decoration: none;
		  -webkit-transition:all 0.8s ease;
		  -moz-transition:all 0.8s ease;
		  -o-transition:all 0.8s ease;
		  -ms-transition:all 0.8s ease;
		  transition:all 0.8s ease;}
#nav a:active{color:#FFF;text-decoration: none;}
#about{width:80px;}#artical{width:66px} #process{width:114px}#service{width:66px}#charges{width:66px}#contact{width:80px}
#about,#artical,#process,#service,#charges,#contact{ height:25px;display:inline-block;text-align:center; }
#about:hover,#artical:hover,#process:hover,#service:hover,#charges:hover,#contact:hover{background:url(/web_pic/bg_dot1825.png);}
.nav_act{background:url(/web_pic/bg_dot1825.png);}
#nav .nav_act a:link{color:#FFF;text-decoration: none;}
#nav .nav_act a:visited{color:#FFF;text-decoration: none;}
#nav span{ margin-left:6px; border-bottom:4px}

#pic_concept{position:absolute; /*left:92px;*/right:0; top:266px;
	         display: table-cell/*block*/; width:448px; height:448px;
			 background:#FFF;
             -webkit-border-radius: 6px;
	         -moz-border-radius: 6px;
			 border-radius: 6px;
	         text-align:center;
			 vertical-align:middle;
	}
	
/*#pic_concept span{ height:100%; display:inline-block; }
#pic_concept *{ vertical-align:middle;}	*/
	
#pic_concept img,#pic_list img,#pic_uni img{ margin:9px}
#txt_title{position:absolute; left:560px;top:140px; font-weight:bold}#txt_title #txt_t_concept span{vertical-align: text-top }#txt_t_concept{ margin-left:30px; margin-top:-16px;}
#txt_content{font-size:14px;position:absolute; left:560px;top:288px;width:450px; height:380px;line-height: 18px; letter-spacing:1px}
#poster_red{ position:absolute;z-index:500;display:block; width:50px; height:50px; background-image:url(../web_pic/red.png);left:195px;top:210px}
#poster_black{display:block; width:240px; height:240px; background:#4F4A4C;	box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.5); font-size:12px; padding:15px; color:#CECECE}
#poster_black p{ font-weight:normal}
#logo_co{ position:absolute; left:560px; top:572px;
          display:block; width:232px; height:60px;background:url(/web_pic/logoco-cty-space.png);}

#ground_right{position:absolute;}

#txt_title #txt_t_mission span{vertical-align: text-top }
#txt_t_mission{margin-left:0px; margin-top:0px;}
#txt_t_mission2{margin-left:0px; margin-top:-16px;}
#txt_t_bility{color:#FFF; margin-top:52px}
#txt_t_rule{margin-left:0px; margin-top:-16px;}
/*flow page*/
#txt_t_flow{margin-left:52px; margin-top:0px;}
/*service page*/
service_txt{ font-size:14px;}
/*charges page*/
#ch1,#ch5{width:96px; height:25px;color:#FFF; font-size:14px; font-weight:bold; display: inline-block;background:url(/web_pic/bg_dot1825.png);}
#ch2,#ch2a,#ch3,#ch4,#ch7,#ch8,#ch10,#ch11{ font-size:12px;}
#ch6,#ch9{font-size:12px;color:#D1CBCD}
#ch12,#ch13,#ch14,#ch15,#ch16{font-size:12px;color:#565656}

/*contact page*/
#txt_t_contact{position:absolute;color:#444040;top:46px}
#txt_t_contact2{margin-top:-29px;margin-bottom:14px}
.f_ftof p{ margin-top:6px}
/*a_contact表格區*/
#c_m_c_input{
	width:420px;
	font-size: 12px;}
#c_m_c_input input,#c_m_c_input textarea{ width:269px; margin:4px;}
#c_m_c_input .go{ width:50px;}
#c_first{ margin-left:4px; margin-bottom:2px;}
#c_first input{width:12px; margin:0 2px 0 2px;}

/*list page*/
#list{position:absolute;left:0;top:275px;width:190px;line-height: 15px;}
#list li{display:block;/*width:190px;*/ height:22px; margin-bottom:5px;text-align:right; float:right;}
#list li a{cursor: default}
#artical1{display:block;width:92px;height:22px;}
#artical2{display:block;width:104px;height:22px;margin-left:30px}
#artical3{display:block;width:144px;height:22px;}
#artical4{display:block;width:92px;height:22px;}
#artical5{display:block;width:131px;height:22px;}
#artical6{display:block;width:131px;height:22px;}
#artical7{display:block;width:92px;height:22px; margin-left:30px}
#artical8{display:block;width:92px;height:22px;}
#artical9{display:block;width:138px;height:44px;}
#artical1:hover,#artical2:hover,#artical3:hover,#artical4:hover,#artical5:hover,#artical6:hover,#artical7:hover,#artical8:hover{background:url(/web_pic/bg_dot1825_b.png);}
#artical9:hover{background:url(/web_pic/bg_dot1839_b.png);}
#list a:link{color:#FFF;text-decoration: none;}
#list a:visited{color:#FFF;text-decoration: none;}
#list a:hover{color:#444040;text-decoration: none;}
#list a:active{color:#444040;text-decoration: none;}
.fontfix{ font-family:"SimHei ", serif}/*font-family:"微軟正黑體","Microsoft JhengHei",sans-serif*/

#list_logo_co{ position:absolute; left:770px; top:572px;display:block; width:232px; height:60px;background:url(/web_pic/logoco-cty-space.png);}
#pic_list{position:absolute;left:206px;top:266px;
          display:block; width:543px; height:368px; background:#FFF;	
          -webkit-border-radius: 6px;
	      -moz-border-radius: 6px;
		  border-radius: 6px;
	      text-align:center;}
#txt_desc{position:absolute;left:770px;top:321px;width:244px; height:240px;overflow: hidden; color:#3D3D3D}
#txt_desc p{margin-bottom:9px;}
/*uni page*/
#pic_uni{position:absolute;left:36px;top:266px;
          display:block; width:600px; height:450px; background:#FFF;	
          -webkit-border-radius: 6px;
	      -moz-border-radius: 6px;
		  border-radius: 6px;
	      text-align:center;
		  overflow: hidden;}
#txt_desc_s{position:absolute;left:562px;top:155px;width:244px; height:122px;}
#txt_desc_s p{margin-bottom:4px;}
#txt_think{position:absolute;left:656px;top:274px;width:330px; height:280px;line-height: 19px;}
#txt_link{position:absolute;left:656px;top:650px;width:131px; height:25px;line-height: 19px;text-align:center;}
#txt_link a:link{color:#4C4949;text-decoration: none;}
#txt_link a:visited{color:#4C4949;text-decoration: none;}
#txt_link a:hover{color:#FFF;text-decoration: none;
		  -webkit-transition:all 0.8s ease;
		  -moz-transition:all 0.8s ease;
		  -o-transition:all 0.8s ease;
		  -ms-transition:all 0.8s ease;
		  transition:all 0.8s ease;}
#txt_link a:active{color:#FFF;text-decoration: none;}
#txt_link:hover{background:url(/web_pic/bg_dot1825.png);}
#uni_logo_co{ position:absolute; left:656px; top:572px;display:block; width:232px; height:60px;background:url(/web_pic/logoco-cty-space.png);}
.ex_godpush{height:82px; width:42px;position:absolute;z-index:5000;background:url('/web_pic/arrows_sc.png') no-repeat;cursor:pointer;margin:182px 8px 0 8px;}
.god_prev{ background-position:left top;left:0px;}
.god_prev:hover{ background-position:left bottom;}
.god_next{ background-position:right top;right:0px;}
.god_next:hover{ background-position:right bottom;}		  
#artical_back{position:absolute;left:955px;top:542px;display:block; width:46px; height:46px;background:url('/web_pic/back46.png');
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;}		  
#artical_back:hover{
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);}		
/*ground_foot area*/
#ground_foot{ padding:16px; color:#515151;text-align:left; font-weight:normal;}
#ground_foot a:link{color:#515151;text-decoration: none;}
#ground_foot a:visited{color:#515151;text-decoration: none;}
#ground_foot a:hover{color:#FFF;text-decoration: none;
		  -webkit-transition:all 0.8s ease;
		  -moz-transition:all 0.8s ease;
		  -o-transition:all 0.8s ease;
		  -ms-transition:all 0.8s ease;
		  transition:all 0.8s ease;}
#ground_foot a:active{color:#FFF;text-decoration: none;}  
/*sitemap page*/
#sitemap li{ color:#CCC; font-size:12px;}
.first_item{color:#;}
.small_item{margin-top:2px;}
.first_item{margin-top:10px;}
.small_item{}
#sitemap{
	position:relative;
	width:994px;
	height:470px;
	top:92px;
	padding:10px 22px;font-family:Arial,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;line-height: 14px; letter-spacing:2px}
.fleft{float:left;}
.col{width:160px;}
#sitemap a:link {	color:#CCC;	text-decoration: none;}
#sitemap a:visited {	text-decoration: none;	color:#CCC;}
#sitemap a:hover {	text-decoration: none;	color: #FFF;}
#sitemap a:active {	text-decoration: none;	color: #CCCCCC;}

/*快速使用區*/
h1{font-size:16px; margin-bottom:12px; font-weight:500;font-family:"SimHei ", serif; color:#FFF}/*字體修改配合正黑bug*/
.f_bebug{font-family:"PMingLiU ", serif;}/*字體修改配合正黑bug*/
.f_12{font-size:12px;}
.f_30{font-size:30px;}
.f_32{font-size:32px;}
.f_38{font-size:38px;}
.f_42{font-size:42px;}
.f_46{font-size:46px;}
.f_50{font-size:50px;}
.f_54{font-size:54px;}
.f_56{font-size:56px;}
.f_60{font-size:60px;}
.f_62{font-size:62px;}
.f_64{font-size:64px;}
.f_66{font-size:66px;}
.f_80{font-size:80px;}
.f_black{color:#444040;}
.f_white{color:#FFF;}
.f_gray{ color:#564F4F;}
.ma_to25{margin-top:25px}
.ma_to45{margin-top:45px}
.f_pinora{color:#E08C8C;}
.f_red{color:#FF6152}
.f_wine{color:#571C29}
.f_blue{color:#24A1FF;}
.f_green{color:#E0DCA9;}
.f_red1{color:#F2411D}
.f_red2{color:#B63116}
.f_red3{color:#F5674A}
.f_red4{color:#F78D77}
.f_red5{color:#FF7E69}
/*backthing*/
#backthing{position:fixed; right:-60px; top:30px;display:block; width:300px; height:410px;background:url(/web_pic/backthing/y300.410b.png); opacity:0.4}