@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family:Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif; }
.iframe_ch { display:none }
.width100{ width:100%; }
.middle{ vertical-align:middle;}

/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

.button1{ color:#2d2d2d; border:1px solid #2d2d2d; background:#fff; font-size:14px; padding:7px 25px; letter-spacing:1px; cursor:hand; cursor:pointer; }
.button1:hover{ background:#EBEBEB; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

.pager{ width:100%; margin:50px auto; text-align:center; }
.editor{padding:20px 0; letter-spacing:1px; line-height:30px; font-size:14px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*PageLoad*/
#wrapper { position:relative; opacity:0; overflow:hidden; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; }
#wrapper.load { opacity:1; }

.overlay { position:absolute; display:none; width:100%; height:100%; z-index:999999; top:0; left:0; background-color: rgba(0, 0, 0, 0.5); transition: 0.5s; }

#wrapper{ width:100%; overflow:hidden; }
#header{ position:fixed; z-index:99; width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #EBEBEB;}
.header_wrap{  position:relative; max-width:1200px; height:105px; overflow:hidden; margin:0 auto;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

#header .logo{ position:absolute; top:5px; left:10px; max-height:87px; height:80%;}
#header ul{position:absolute;list-style:none;margin:0;padding:0;left:100px;bottom: 0px;}
#header ul li{float:left;color:#000;font-size:16px;letter-spacing:1px;padding: 0px 0 40px 15px;font-weight:bold;cursor:hand;cursor:pointer;}
#header ul li:hover{ /*color:#D83933; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;*/ }

#hideMenu{ position:fixed; top:0; right:0; width:260px; display:none; z-index:99; overflow:auto; height:100%;}
#hideMenu .bTitle{width:100%; padding:7px 0; text-align:center; font-size:30px; background:url(../../images/bg.jpg) repeat; color:#FFF; letter-spacing:5px; cursor:pointer; border-bottom:1px solid #EBEBEB; }
#hideMenu ul{ list-style:none; margin:0; padding:0; }
#hideMenu ul li{ position:relative; display:inline-block; width:100%; background:#fff; border-bottom:1px solid #EBEBEB; color:#000; font-weight:bold; padding:15px 10px 15px 10px; box-sizing:border-box; font-size:16px; letter-spacing:1px; border-bottom:2px solid #FFF; cursor:hand; cursor:pointer; }
#hideMenu ul li:hover{ background:#F5F5F3; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
#hideMenu ul li span{ position:absolute; right:5px;  font-size:15px; color:#BCAF8C; }
#hideMenu ul li a{ color:#000; text-decoration:none; }

/*子選單*/
#hideMenu ul div a::before { content: "☛ ";}
#hideMenu ul div{ display:none; font-size:16px; font-weight:normal; letter-spacing:1px; padding:0; line-height:25px; }
#hideMenu ul div a{ display:inherit; padding:8px 10px; text-decoration:none; color:#000;  border-bottom:1px solid #EBEBEB; }
#hideMenu ul div a:hover{ color:#D53B31;}

#submenu{ display:none; position:fixed; top:105px; left:0; width:100%; margin:0 auto; min-height:400px; overflow:hidden; background:url(../../images/menu_bg.png); background-size:cover; z-index:99999; }
#submenu .subtitle{ border-bottom:1px solid #FFF; margin-bottom:12px; letter-spacing:1px; }
#submenu .submenu_wrap{ position:relative; max-width:1200px; overflow:hidden; margin:0 auto; color:#fff; font-size:16px; letter-spacing:1px; padding:50px 20px;  }
#submenu .submenu_item{ width:90%;; margin:0 50px 0 0; overflow:hidden; float:left; }
#submenu .submenu_item a{display:block;padding: 5px 5px; margin:10px 0; font-size: 15px;color:#fff;text-decoration:none;letter-spacing:1px;}
#submenu .submenu_item a:hover{ text-decoration:none; background:#AFBFCD; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

.jq-submenu-close{ position:absolute; top:20px; right:20px; font-size:25px }
#menu_table{ font-weight:normal; margin:30px 0 0 0; }
#menu_table .menu_content{font-size:25px;letter-spacing:2px;line-height:35px;color:#AFBFCD;padding: 0 0 0 40px;}
#menu_table .menu_slogan{ width:100%; height:400px; border-right:1px solid #D8DFE9; padding:0 10px; }
.menu_table{ width:100%; height:400px; border-right:1px solid #D8DFE9; padding:0 10px; }

/*首頁Banner*/
#banner_box{
  width:100%;
  overflow:hidden;
  margin-top:105px;
}
#banner{ position:relative; width:100%; height:550px; overflow:hidden;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

#banner.banner_load {
  transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

#banner span{ display:none; position:absolute; width:50%; bottom:20%; right:10%; color:#FFF; font-size:2.75vw; }

#banner_inner_wrap{ position:relative; width:100%; overflow:hidden; margin-top:105px; }
.banner_inner{ max-width:1161px; min-height:320px; margin:0 auto;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.banner_inner_text{ padding:50px 50px 50px 50px; overflow:hidden; color:#3a3a3a; margin:0 auto; width:80%; }
.banner_inner_title{ font-size:2.5vw; color:#fff; }
.banner_inner_title span{ font-size:1.75vw; padding:0 10px; }
.banner_inner_content{ display:none; max-height:400px; overflow-y:auto; font-size:15px; padding:20px 0; line-height:25px; letter-spacing:1px; color:#fff; border:1px solid #fff; margin:30px 0; padding:20px; width:80%; height:80%; }

#sitemap_wrap{ width:100%; overflow:hidden; }
.sitemap{ width:1161px; margin:0 auto; padding:8px 5px 8px 0; background:#f7f7f7; color:#959595; text-align:right; font-size:15px; letter-spacing:1px; }
.sitemap a{ color:#959595; }

.container{ width:100%; overflow:hidden; min-height:500px; padding:30px 0; }
.contain_wrap{ max-width:1200px; margin:0 auto; text-align:center; }

.common_title{ text-align:center; padding:70px 0 25px 0; font-size:25px; letter-spacing:1px; line-height:25px; color:#5e5e5e; }
.common_title span{ font-size:14px; font-weight:normal; }


.index_news_area{ text-align:center; width:100%; overflow:hidden; letter-spacing:1px; }
.index_news_item{ animation: 1s ease-out 0s 1 transiTop10; position:relative; margin:15px 0.4%; box-sizing: border-box; vertical-align:top; max-width:385px; text-align:center; display:inline-block; background:#FFF; }
.index_news_item:hover{ box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
.index_news_item img{ display:block; }
.index_news_item_left{}
.index_news_item_right{}
.index_news_title{ padding:15px 10px 12px 10px; text-align:center; font-size:18px; line-height:25px; }
.index_news_title a{ color:#0a0909; font-size:24px;  text-shadow:1px 1px #EBEBEB; text-decoration:none; } 
.index_news_title span{ color:#aeaeae; }
.index_news_date{ color:#CCC; font-size:15px; text-align:left; padding:0 20px; }
.index_news_content{ padding:10px 20px; text-align:left; font-size:15px; line-height:25px; min-height:75px; }
.index_news_more{ width:100%; font-size:18px; padding:10px 0; text-align:center; clear:both; }
.index_news_more a{ color:#000; text-decoration:none; }

.case_left{ opacity:0; width:49%; float:left; margin-right:1%; box-sizing:border-box; padding:0 2%; text-align:left; color:#fff; line-height:25px; }
.case_left img , .case_right img{ box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); }
.case_right{ opacity:0; width:49%; float:left; margin-left:1%; box-sizing:border-box; padding:0 2%; text-align:left; color:#fff; }
.case_title{ padding:20px 0 10px 20px; font-size:18px;  letter-spacing:1px; cursor:hand; cursor:pointer; }
.case_content{ padding:10px 20px; font-size:15px; line-height:22px; letter-spacing:1px; }
.case_title2{ padding:20px 0 10px 20px; font-size:18px;  letter-spacing:1px; color:#395069; }
.case_content2{ padding:10px 20px; font-size:15px; line-height:22px; letter-spacing:1px; color:#535353; }

.partner_item
{
    margin:20px 25px;
    text-align:center;
    display:inline-block;  
	color:#393939;
	font-size:16px;
	letter-spacing:1px;
	line-height:24px;
	font-weight:bold;
}
.partner_mask{ opacity:0; position:absolute; top:0; left:0; color:#FFF; display:flex; align-items:center; justify-content: center; cursor:hand; cursor:pointer; }
.partner_item:hover .partner_mask{ opacity:1;  background:url(../../images/partner_mask.png); background-size:cover; width:100%; height:100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
.partner_item span{ display:inline-block; margin:10px 0; }

#footer{ width:100%; overflow:hidden; background:url(../../images/footer_bg.jpg); background-size:cover; padding:33px 0 20px 0; }
#footer .footer_wrap{ position:relative; max-width:1200px; overflow:hidden; margin:0 auto; }
#footer .footer_logo{ float:left; padding:0 30px 0 0; }
#footer .footer_logo img{ max-width:347px; width:100%; }
#footer .footer_menu{ float:left; overflow:hidden; width:560px; padding:0 0 10px 0; }
#footer .footer_menu_item{ float:left; width:120px; min-height:100px; padding:0 20px 0 0; }
#footer .footer_menu_title{ color:#91ceeb; font-size:16px; letter-spacing:1px; padding:0 0 10px 0; }
#footer .footer_menu_item a{ display:block; padding:5px 0; color:#c7c7c7; text-decoration:none; font-size:13px; letter-spacing:1px; }
#footer .footer_menu_item a:hover{ color:#fff; }
#footer .footer_info{ float:left; width:220px; color:#c7c7c7; letter-spacing:1px; line-height:24px; font-size:13px }
#footer .footer_info span{ display:block; padding:0 0 8px 0; color:#91ceeb; font-size:13px; line-height:16px; }
#footer .footer_link{ width:100%; text-align:center; clear:both;  }

#copyright{ color:#7ec5e9; width:100%; text-align:center; border-top:1px solid #6396aa; padding:10px 0; letter-spacing:1px; line-height:20px; }
#copyright a{ color:#7ec5e9; }

#top{ position:fixed; bottom:15%; right:5%; z-index:1; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Case <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.case_square{ width:50%; margin:30px auto; padding:0 30px 0 20px; box-sizing:border-box; letter-spacing:1px; }
.case_square_title{ font-size:18px; font-weight:bold; margin:0 0 20px 0; }
.case_square_items{ font-size:15px; line-height:25px; margin:0 0 10px 0; }
.case_square_items span{ color:#41b5ff; }

@media screen and (max-width : 768px) {
	.case_square{ width:100%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Contact <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.contact{width:95%; overflow:hidden; margin:20px auto; line-height:40px; color:#2D2D2D; font-size:15px; letter-spacing:1px;}
.contact .item{color:#333; font-size:18px;  font-weight:bold; border-bottom:1px solid #DEDEDE;}
.contact .title{display:inline-block; padding:20px 0; font-size:40px; font-weight:bold;}
.contact .editor{padding:20px 0; letter-spacing:1px; line-height:30px; font-size:14px;}
.contact span{display:inline-block; margin:10px 0 0 0; }
.contact .notify{float:left; width:40%; box-sizing: border-box; border:1px solid #fff; line-height:30px; margin-bottom:20px; padding:20px 10px;}
.contact .form{float:right; width:55%; box-sizing: border-box; padding:2%; border:1px solid #C6C6C6; text-align:left; }
.contact .form_left{float:left; width:50%; color:#8B8B8B; text-align:right; letter-spacing:1px;}
.contact .form_right{float:left; width:50%; color:#8B8B8B; text-align:right; }
.contact .select{width:90%; height:30px; border:1px solid #D8D4D5; color:#A9AAAE; font-size:15px; letter-spacing:2px;}
.contact .input{border:0; padding-left:5px; outline:0; border-bottom:1px solid #D8D4D5; width:98%; height:40px; font-size:15px; letter-spacing:2px;}
.contact .textarea{ width:98%; padding:5px; outline:0; margin-top:10px; height:250px; border:0; border-top:1px solid #D8D4D5; font-size:15px; border-bottom:1px solid #D8D4D5; padding:5px;}

.contact_title{ font-size:18px; color:#395069; letter-spacing:1px; font-weight:bold; padding:0 0 20px 0; }
.contact_slogan{ color:#262424; font-size:15px; line-height:30px; border-bottom:1px solid #cacaca; margin-bottom:30px; }
.contact .contact_info{ float:left; color:#858585; font-size:15px; letter-spacing:1px; line-height:24px; text-align:left; vertical-align:top; margin:0 0 20px 0; }
.contact .contact_info span{ display:block; padding:0 0 8px 0; color:#91ceeb; font-size:13px; line-height:16px; }



@media screen and (max-width: 900px) {
	.contact span{display:inline-block; width:auto;}
	.contact .notify{ float:none; width:100%; padding:20px 0; }	
	.contact .form{ width:100%; }	
}

@media screen and (max-width: 750px) {
	.contact .form_left{float:none; width:100%;}
	.contact .form_right{ width:100%;}
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Decision <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.decision_btitle{display:inline;text-align:center; padding: 25px 0 30px 0;font-size:30px;letter-spacing:1px;line-height: 30px; color:#5e5e5e;}
.decision_btitle span{ font-size:14px; font-weight:normal; color:#999898; border-bottom:4px solid #666; padding:10px 0; }
.decision{  }
.decision_square{ display:none; margin:10px 0; padding:20px 0; box-sizing:border-box; max-width:395px; overflow:hidden; margin:0 auto; display:inline-block; vertical-align:top;}
.decision_wrap{ width:100%; background:#f7f7f7; margin:50px 0; animation: 1s ease-out 0s 1 transiTop10; }
.decision_photo{ position:relative; }
.photo_mask{ position:absolute; top:0; left:0; right:0; margin:0 auto; }
.decision_name{ color:#242424; font-size:24px; padding:5px 5px; }
.decision_title{ padding:5px 5px; color:#707070; font-size:16px;  }
.decision_content{ padding:5px 10px; letter-spacing:1px; color:#707070; line-height:25px; font-size:13px; min-height:100px; }
.decision_more{ width:45px; height:45px; background:#000; color:#FFF; line-height:45px; text-align:center; margin:0 auto; cursor:hand; cursor:pointer; }
.decision_more:hover{ background:#666666; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

@media screen and (max-width: 1024px) {
	.decision_wrap{ margin:0 0;}
	.decision_square{ width:45%; }
}
@media screen and (max-width: 500px) {
	.decision_square{ width:100%; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Home <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.show-1{ opacity:0 }
.show-3{ opacity:0 }


@media screen and (max-width : 1024px) {
	#banner,  .banner_inner{ height:320px; }
		
}

@media screen and (max-width : 768px) {
	#banner span{ font-size:20px; }	
		
	.banner_inner_title{ font-size:20px;  }
	.banner_inner_title span{ font-size:15px; }	

}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Mobile Menu <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.mobile_menu { z-index:9; display:none; width:80px; text-align:center; height:auto; cursor:hand; cursor:pointer; position:absolute; right:0; top:30px;}
.bar1, .bar2, .bar3 { display: block; height: 5px; width: 40px; background: #2b2b2b; margin: 10px auto; }
.mobile_con { width: auto; margin: 0 auto;  -webkit-transition: all .7s ease;
 -moz-transition: all .7s ease;
 -ms-transition: all .7s ease;
 -o-transition: all .7s ease;
 transition: all .7s ease;
}
.middle { margin: 0 auto; }
.bar1, .bar2, .bar3 {  -webkit-transition: all .7s ease;
 -moz-transition: all .7s ease;
 -ms-transition: all .7s ease;
 -o-transition: all .7s ease;
 transition: all .7s ease;
}
.mobile_con .top { -webkit-transform: translateY(15px) rotateZ(45deg); -moz-transform: translateY(15px) rotateZ(45deg); -ms-transform: translateY(15px) rotateZ(45deg); -o-transform: translateY(15px) rotateZ(45deg); transform: translateY(15px) rotateZ(45deg); }
.mobile_con .bottom { -webkit-transform: translateY(-15px) rotateZ(-45deg); -moz-transform: translateY(-15px) rotateZ(-45deg); -ms-transform: translateY(-15px) rotateZ(-45deg); -o-transform: translateY(-15px) rotateZ(-45deg); transform: translateY(-15px) rotateZ(-45deg); }
.mobile_con .middle { width: 0; }


@media screen and (max-width : 1024px) {
	.mobile_menu {display: block; }

	#header ul{ display:none; }
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common RWD <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



@media screen and (max-width: 1200px) {
	.index_news_item{ width:30%}
	#footer .footer_menu{ display:none; }
	#footer .footer_logo{ float:none; text-align:center; padding:0 30px 10px 0; }
	#footer .footer_info{ float:center; text-align:center; width:100%; margin:20px 0;}
	
}

@media screen and (max-width: 1000px) {
	.index_news_item{ width:95%; max-width:none; box-sizing: border-box; padding:20px;  }
	.index_news_item_left{ max-width:none; width:50%; float:left; margin-right:10px;}
	.index_news_item_left img{ width:100%; }
	.index_news_item_left .index_news_mask{ width:50%; max-width:385px; }
	.partner_item{ margin:5px 5px; }
}

@media screen and (max-width: 768px) {
	.common_title{ padding:10px 0 10px 0; }
	.case_left{ width:100%; margin-right:0; padding:0 5%; }
	.case_right{ width:100%; margin-left:0; padding:0 5%; }	
	.partner_item{ width:35%;}
	.partner_item img{ border:1px solid #ebebeb; display:block; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
	#footer .footer_logo{ padding:0 0 10px 0; }		
			
}

@media screen and (max-width: 480px) {
	.index_news_content{ clear:both; }
	.index_news_item_left{ float:none; width:100% }	
	.partner_item{ width:inherit;}	
	
	#wrapper .header_wrap{ height:85px;}	
	#banner_box , #banner_inner_wrap{ margin-top:85px; }
	.mobile_menu{ top:15px; }

}

@media screen and (max-width: 350px) {
	.index_news_content{ clear:none;}
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Affect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* { /*-webkit-transition: all 0.5s;*/ }

@keyframes dropHeader {  0% {
 transform: translateY(10%);
}
 100% {
 transform: translateY(0);
}
}

@keyframes transiTop100 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes transiTop10 {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes transiLeft100 {
  0% {
    transform: translateX(5%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes transiRight100 {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0);
  }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(../../images/action_bg.png); z-index:100000000 }
.Loadaction { position:fixed;  padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(../../images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

@media screen and (max-width : 1024px) {
	.Loadaction{ left:38%;}
}
@media screen and (max-width : 720px) {
	.Loadaction{ left:33%;}
}
@media screen and (max-width : 600px) {
	.Loadaction{ left:30%;}
}
@media screen and (max-width : 480px) {
	.Loadaction{ left:26%;}
}
@media screen and (max-width : 300px) {
	.Loadaction{ left:20%;}
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }