/* CSS Document */

/*********************************** html element ***************************************************/

html { margin: 0 auto; padding: 0; text-align:center; background:#e4e4e4;}

body {font-family:Arial, Helvetica, sans-serif;	background:#e4e4e4;	font-size: 10px; color: #777777; letter-spacing:0.05em; margin:0 auto; padding: 0;  text-align:center;  position:relative;}

img { border: 0px; }

hr { border-top:#999 dashed 1px;}

th { font-size:1.1em; color:#999999; line-height:0.9em; font-weight:bold; padding:10px 5px 10px 10px;}

li { list-style: none; line-height:13px; margin-top:5px;}

b { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#999999; line-height:1.2em;}

u { font-weight:bold;}

strong { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#999999; line-height:1.2em; font-weight:bold;}

a { text-decoration: underline; color: #999;}
a:hover { text-decoration: underline; color: #875C27; }

h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
h1 {font-size:14px; color: #875c27; line-height:50px; font-weight:lighter; display:none;}/******************//* title hide */
h2 {font-size:20px; color: #666666; line-height:22px; font-weight:lighter;}
h3 {font-size:16px; color: #666666; line-height:20px; font-weight:lighter;}
h4 {font-size:12px; color: #444444; line-height:18px; font-weight:bold;}
h5 {font-size:12px; color: #404040; line-height:16px; font-weight:lighter;}
h6 {font-size:10px; color: #666; line-height:16px; font-weight:lighter;}

p { margin:5px; font-size: 1.1em; line-height:1.4em; letter-spacing:0.05em; color:#777777; font-weight:lighter}/******************//* p tag */

input { color:#666; background-color:#ccc; border:#888888 thin dashed; padding:1px 5px 1px 5px; }
input[type=text]:focus { color:#fff; background-color:#888888; }
input[type=password]:focus { color:#fff; background-color:#888888; }
input[type=button]:hover { color:#fff; background-color:#888888; cursor:pointer}
input[type=reset]:hover { color:#fff; background-color:#888888; cursor:pointer}
input[type=submit]:hover { color:#fff; background-color:#888888; cursor:pointer}

textarea { color:#666; background-color:#ccc; border:#888888 thin dashed;  padding:5px}
textarea:focus  { color:#fff; background-color:#888888;}
form .btm { background-color:#ccc; border:none;}

.clear_form { float:right;}
.clear_form  input{ border:none; color:#999999; background:transparent; font-size:10px; text-align:right;}
.clear_form  input[type=text]:focus{ border:none; color:#666; background:transparent;}

/************************************** division ************************************************/

.fLeft { float:left;}
.fRight { float:right;}
.clearboth {clear:both;}

.margLeft50 { margin-left:50px; }
.margLeft35 { margin-left:35px; }
.margLeft20 { margin-left:20px; }
.margLeft15 { margin-left:15px; }
.margLeft10 { margin-left:10px; }
.margLeft5 { margin-left:5px; }

.margRight5 { margin-right:5px; }
.margRight10 { margin-right:10px; }
.margRight25 { margin-right:25px; }
.margRight40 { margin-right:40px; }

.col {width:235px;}
.col1 {width:740px;}
.col2 {width:480px;}
.col3 {width:350px;}

 .brd_r {border-right:1px solid #c9c9c9}
 .blank_td {padding:4px 0 4px 0; background: url(../images/structure/footer_divider.jpg) center center no-repeat;}
 .require { background: url(../images/structure/require.jpg) right center no-repeat; }
 .up { background: url(../images/structure/up.jpg) right center no-repeat; height:15px; }

/**************************************** hyper link style & text style **********************************************/

.link { color: #444444; text-decoration: none;}
.link:hover { text-decoration: underline;}

.txt_left { text-align:left}
.txt_right { text-align: right}
.txt_col { width:680px; padding:0 0 10px 0; white-space:pre-line; color:#603012; word-spacing:0.15em; letter-spacing:0.01em; line-height:1.2em;}
.txt_col2 { width:160px; height:160px; padding:10px; color:#888888; font-size:10px; letter-spacing:0.02em; line-height:2.0em; border:1px solid #ccc;}
.txt_col3{ width:160px; padding:15px; color:#888888; font-size:11px; letter-spacing:0.02em; line-height:2.5em; border:1px solid #ccc; text-align:right;}
.txt_col3 a { text-decoration: none; cursor:pointer;}
.txt_td { padding:10px 5px 10px 30px;}
.txt_col_pop { margin:0 10px 10px 0; text-align:right;}

.list { text-align:left; }
.list li { list-style: none; font-size:11px; margin-top:5px; color:#c0c0c0}
.list a { text-decoration: none; font-size:11px; margin-top:5px; color:#c0c0c0}
.list a:hover { text-decoration: underline;}


/************************************** layout ************************************************/

#box { text-align: center; width:1000px; position:relative; overflow:hidden; margin:0 auto; } /**  intro **/

#wrap { text-align: left; width:1000px; position:relative; overflow:hidden; margin:0 auto; z-index:1; background: url(../images/structure/top_bg_tile.jpg) top left repeat-x; }

#header { text-align: left; width:100%; height:140px; position:relative; overflow:hidden; z-index:10; background: url(../images/structure/top_bg_right.jpg) top right no-repeat;}

#title { text-align: left; position:relative; overflow:hidden; z-index:10; background: url(../images/structure/top_bg_left.jpg) top left no-repeat;}

#bi { text-align: left; position:relative; width:180px; height:153px; overflow:hidden; z-index:10; background: url(../images/structure/bi_bg.jpg) top left no-repeat; margin-left:40px; padding:34px 0 0 50px}

#contents { width:100%; position:relative; overflow:hidden; margin:0 auto; background:transparent; z-index:100}
#contents_detail { width:100%; position:relative; overflow:hidden; margin:0 auto; background:transparent; z-index:100; text-align:center;}

#footer { text-align: left; position:relative; width:100%; overflow:hidden; margin:50px 0 0 0;}

#search { text-align: right; background: url(../images/structure/search_bg.jpg) top right no-repeat; padding:0; position:relative;}

#info { text-align: left; background: url(../images/structure/divider.jpg) top left no-repeat; padding:10px 0 20px 0;}


#pop_lg { width:700px; text-align: center;  padding:20px 0 0 0; background:url(../images/structure/bi2.png) no-repeat 10px 20px; margin:0 auto;}

#pop_sm { width:580px; text-align: center;  padding:20px 0 0 0; background:url(../images/structure/bi2.png) no-repeat 10px 20px; margin:0 auto;}


/*********************************** Top link nav ***************************************************/

.links { text-align:right; margin:10px 0 0 760px}
.links span { display:none;}
a .m1 { height:28px; width:30px; background:url(../images/structure/link_rss.png)  no-repeat 0px 0px;}
a .m1:hover { background:url(../images/structure/link_rss.png) no-repeat 0px -29px;}
a .m2 { height:28px; width:30px; background:url(../images/structure/link_twt.png) no-repeat 0px 0px;}
a .m2:hover { background:url(../images/structure/link_twt.png) no-repeat 0px -29px;}
a .m3 { height:28px; width:30px; background:url(../images/structure/link_fb.png) no-repeat 0px 0px;}
a .m3:hover { background:url(../images/structure/link_fb.png) no-repeat 0px -29px;}
a .m4 { height:28px; width:30px; background:url(../images/structure/link_vm.png) no-repeat 0px 0px;}
a .m4:hover { background:url(../images/structure/link_vm.png) no-repeat 0px -29px;}
a .m5 { height:28px; width:30px; background:url(../images/structure/link_yt.png) no-repeat 0px 0px;}
a .m5:hover { background:url(../images/structure/link_yt.png) no-repeat 0px -29px;}
a .m6 { height:28px; width:30px; background:url(../images/structure/link_ev.png) no-repeat 0px 0px;}
a .m6:hover { background:url(../images/structure/link_ev.png) no-repeat 0px -29px;}


/************************************** Main nav ************************************************/

.nav { text-align:justify; margin-top:67px;}
.nav span { display:none;}

a .over1 { height:34px; width:60px; background:url(../images/structure/nav_1_home.jpg) no-repeat 0px 0px;}
a .over1:hover { background:url(../images/structure/nav_1_home.jpg) no-repeat 0px -34px;}

a .over2 { height:34px; width:68px; background:url(../images/structure/nav_2_company.jpg) no-repeat 0px 0px;}
a .over2:hover { background:url(../images/structure/nav_2_company.jpg) no-repeat 0px -34px;}

a .over3 { height:34px; width:68px; background:url(../images/structure/nav_3_service.jpg) no-repeat 0px 0px;}
a .over3:hover { background:url(../images/structure/nav_3_service.jpg) no-repeat 0px -34px;}

a .over4 { height:34px; width:126px; background:url(../images/structure/nav_4_clients.jpg) no-repeat 0px 0px;}
a .over4:hover { background:url(../images/structure/nav_4_clients.jpg) no-repeat 0px -34px;}

a .over5 { height:34px; width:68px; background:url(../images/structure/nav_5_inquiry.jpg) no-repeat 0px 0px;}
a .over5:hover { background:url(../images/structure/nav_5_inquiry.jpg) no-repeat 0px -34px;}

a .over6 { height:34px; width:68px; background:url(../images/structure/nav_6_blog.jpg) no-repeat 0px 0px;}
a .over6:hover { background:url(../images/structure/nav_6_blog.jpg) no-repeat 0px -34px;}

a .over7 { height:34px; width:68px; background:url(../images/structure/nav_7_contact.jpg) no-repeat 0px 0px;}
a .over7:hover { background:url(../images/structure/nav_7_contact.jpg) no-repeat 0px -34px;}

a .over8 { height:34px; width:68px; background:url(../images/structure/nav_8_press.jpg) no-repeat 0px 0px;}
a .over8:hover { background:url(../images/structure/nav_8_press.jpg) no-repeat 0px -34px;}

/*********** Nav direction ***********/

#home .over1 { background:url(../images/structure/nav_1_home.jpg) no-repeat 0px -34px;}
#company .over2 { background:url(../images/structure/nav_2_company.jpg) no-repeat 0px -34px;}
#service .over3 { background:url(../images/structure/nav_3_service.jpg) no-repeat 0px -34px;}
#clients .over4 { background:url(../images/structure/nav_4_clients.jpg) no-repeat 0px -34px;}
#inquiry .over5 { background:url(../images/structure/nav_5_inquiry.jpg) no-repeat 0px -34px;}
#blog .over6 { background:url(../images/structure/nav_6_blog.jpg) no-repeat 0px -34px;}
#contact .over7 { background:url(../images/structure/nav_7_contact.jpg) no-repeat 0px -34px;}
#press .over8 { background:url(../images/structure/nav_8_press.jpg) no-repeat 0px -34px;}

/****************************************** banner box model style - current ********************************************/

.frame { background:url(../images/structure/banner_bg.jpg) left center repeat-y;}
.frame_top { background:url(../images/structure/banner_top.jpg) left top no-repeat;}
.frame_btm { background:url(../images/structure/banner_btm.jpg) left bottom no-repeat; padding:12px 15px 15px 12px;}


/****************************************** box model style - schedule ********************************************/

.thumb { background:url(../images/structure/sch_thumb_bg.jpg) left center repeat-y;}
.thumb_top { background:url(../images/structure/sch_thumb_top.jpg) left top no-repeat;}
.thumb_btm { background:url(../images/structure/sch_thumb_btm.jpg) left bottom no-repeat; padding:10px 0 15px 17px; width:150px; position:relative;}

.thumb_info { padding:0 0 50px 15px;}
.thumb_info li { line-height:0.8em; margin-top:3px;}

.lable { position:absolute; bottom:-51px; right:-18px; z-index:500;}


/****************************************** main contents style ********************************************/



.paging { text-align:right; padding:0 80px 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#999999;}

.btn, .btns { cursor:pointer; }