/* ------------- */
#top_right_banner{
width: 613px;
height: 197px;
}
.products{
background: url(../images/main_banner_products.jpg) top left no-repeat;
}
.vip{
background: url(../images/main_banner_vip.jpg) top left no-repeat;
}
.service{
background: url(../images/main_banner_service.jpg) top left no-repeat;
}
.about{
background: url(../images/main_banner_about.jpg) top left no-repeat;
}
.contact{
background: url(../images/main_banner_contact.jpg) top left no-repeat;
}
.sitemap{
background: url(../images/main_banner_sitemap.jpg) top left no-repeat;
}
#top_right_banner h1{
margin: 0;
padding: 0;
color: #92b6c6;
font: 10px Verdana,Arial,Helvetica,sans-serif;
}
/* ------------- */
#top_left_head{
width: 237px;
height: 39px;
background: url(../images/sub_left_head.gif) top left no-repeat;
padding: 30px 0 0 0;
}
#top_left_head h2{
padding: 0 0 0 70px;
margin: 0;
color: #256;
font: bold 16px "Times New Roman", Times, serif;
}
/* ----------------------------- main ----------------------------- */
#main{
width: 850px;
text-align: left;
margin: 0 auto;
}
/* ---------------------- */
#main_left{
float: left;
width: 200px;
padding: 0 0 0 37px;
}
/* ------------- */
#main_left_menu{
height: 278px;
padding: 25px 0 0 30px;
background: url(../images/sub_left_bg.jpg) top left no-repeat;
}
#main_left_menu h3{
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_menu_point.gif) 0px 2px no-repeat;
}
#main_left_menu h2{
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_menu_point_active.gif) 0px 2px no-repeat;
}
#main_left_menu h4{
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
}
#main_left_menu h2 a:link {color: #F60; text-decoration: none;}
#main_left_menu h2 a:visited {color: #F60; text-decoration: none;}
#main_left_menu h2 a:hover {color: #F60; text-decoration: underline;}
#main_left_menu h2 a:active {color: #F60; text-decoration: underline;}
#main_left_menu h3 a:link {color: #479; text-decoration: none;}
#main_left_menu h3 a:visited {color: #479; text-decoration: none;}
#main_left_menu h3 a:hover {color: #134; text-decoration: underline;}
#main_left_menu h3 a:active {color: #134; text-decoration: underline;}
#main_left_menu h4 a:link {color: #F60; text-decoration: none;}
#main_left_menu h4 a:visited {color: #F60; text-decoration: none;}
#main_left_menu h4 a:hover {color: #F60; text-decoration: underline;}
#main_left_menu h4 a:active {color: #F60; text-decoration: underline;}
/* ------------- */
#main_left_menu_l{
height: 382px;
padding: 25px 0 0 20px;
background: url(../images/sub_left_bg_l.jpg) top left no-repeat;
}
#main_left_menu_l h3{
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_menu_point.gif) 0px 2px no-repeat;
}
#main_left_menu_l h2{
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_menu_point_active.gif) 0px 2px no-repeat;
}
#main_left_menu_l h2 a:link {color: #F60; text-decoration: none;}
#main_left_menu_l h2 a:visited {color: #F60; text-decoration: none;}
#main_left_menu_l h2 a:hover {color: #F60; text-decoration: underline;}
#main_left_menu_l h2 a:active {color: #F60; text-decoration: underline;}
#main_left_menu_l h3 a:link {color: #479; text-decoration: none;}
#main_left_menu_l h3 a:visited {color: #479; text-decoration: none;}
#main_left_menu_l h3 a:hover {color: #134; text-decoration: underline;}
#main_left_menu_l h3 a:active {color: #134; text-decoration: underline;}
/* ------------- */
#main_left_mailing_list{
background: url(../images/main_mailing_list.jpg) top left no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#main_left_mailing_list_form{
padding: 60px 0 0 20px;
}
/* ---------------------- */
#main_right{
float: left;
width: 613px;
margin: 12px 0 0 0;
}
#main_right a:link {color: #479; text-decoration: none;}
#main_right a:visited {color: #479; text-decoration: none;}
#main_right a:hover {color: #134; text-decoration: underline;}
#main_right a:active {color: #134; text-decoration: underline;}
/* ------------- */
#main_right_nav{
margin: 0 20px;
}
#main_right_nav p{
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_home.gif) 0px 1px no-repeat;
color: #F60;
}
#main_right_nav h1{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h2{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h3{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h4{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
/* ---------------------------------------------------------- */
.main_right_body_title{
font: bold 18px "Times New Roman", Times, serif;
line-height: 50px;
margin: 0;
padding: 0;
color: #999;
}
.main_right_body{
clear: both;
margin: 0 20px 20px 20px;
border-top: 1px dotted #ABC;
}
/* ------------- */
#main_right_body_products{}
#main_right_body_products .iframe1{
border: 1px solid #CCC;
margin: 0 0 20px 0;
padding: 0;
width: 568px;
height: 230px;
}
#main_right_body_products .iframe2{
border: hidden;
margin: 0;
padding: 0;
width: 570px;
height: 180px;
}
#main_right_body_products_table_content{
margin: 0 0 0 50px;
width: 450px;
}
#main_right_body_products_title {
font: bold 18px "Times New Roman", Times, serif;
color: #36F;
background-color: #F0F0F0;
padding: 5px;
}
#main_right_body_products_photo{
float: left;
}
#main_right_body_products_photo img{
border: hidden;
margin: 10px 15px;
}
#main_right_body_products_details{
float: right;
width: 335px;
text-align: left;
padding: 10px 0 0 0;
}
#main_right_body_products_details h3{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
margin: 3px 0 0 0;
}
#main_right_body_products_details p{
padding: 0 0 0 10px;
margin: 3px 0 0 0;
}
#main_right_body_products_photo2{
text-align: center;
}
#main_right_body_products_photo2 img{
border: hidden;
margin: 10px 15px;
}
#main_right_body_products_details2{
text-align: left;
padding: 10px 0 0 0;
}
#main_right_body_products_details2 h3{
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
margin: 20px 0 0 0;
}
#main_right_body_products_details2 h4{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
margin: 10px 0 0 0;
}
#main_right_body_products_details2 p{
padding: 0 0 0 10px;
margin: 3px 0 0 0;
}
#main_right_body_products_details2 a{
padding: 0 0 0 30px;
line-height: 20px;
}
#main_right_body_products_details2 .new{
background: url(../images/sub_ico_new.gif) 0px 4px no-repeat;
}
/* ------------- */
#main_right_body_vip{}
/* ------------- */
#main_right_body_order_online{
background: url(../images/bg_order.gif) bottom left no-repeat;
padding: 0 0 50px 0;
}
#main_right_body_order_online form{
padding: 0;
margin: 0;
}
#main_right_body_order_online .form_line{
clear: both;
width: 550px;
margin: 0 0 15px 0;
}
#main_right_body_order_online p{
display: block;
float: left;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
width: 180px;
text-align: right;
margin: 0 5px 0 0;
padding: 0;
}
#main_right_body_order_online input,textarea,select{
float: left;
margin: 0 0 15px 0;
}
/* ------------- */
#main_right_body_FAQ{
background: url(../images/bg_FAQ.gif) bottom right no-repeat;
padding: 0 0 100px 0;
}
#main_right_body_FAQ h3{
font: bold 14px Verdana,Arial,Helvetica,sans-serif;
color: #F66;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
#main_right_body_FAQ h5{
background: url(../images/ico_Q.gif) 5px 2px no-repeat;
padding: 0 0 0 25px;
margin: 0;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
color: #F66;
}
#main_right_body_FAQ p{
line-height: 16px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 10px 10px;
}
#main_right_body_FAQ ul{
line-height: 16px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 10px 40px;
}
#main_right_body_FAQ ol{
line-height: 16px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 10px 40px;
}
#main_right_body_FAQ form{
margin: 0 0 10px 0;
padding: 0;
}
/* ------------- */
#main_right_body_mailing_list{}
/* ------------- */
#main_right_body_intro{}
#main_right_body_intro a{
margin: 0;
padding: 5px 0 5px 30px;
background: url(../images/ico_video.gif) 3px 3px no-repeat;
}
#main_right_body_intro p{
margin: 15px 0 0 0;
line-height: 18px;
}
#main_right_body_intro .about_pic1{
float: left;
margin: 0 10px 10px 0;
}
/* ------------- */
#main_right_body_video{}
#main_right_body_video_body{
margin: 0 0 0 120px;
width: 320px;
border: 1px solid #333;
}
/* ------------- */
#main_right_body_career{
background: url(../about/images/career.jpg) 0 60px no-repeat;
}
#main_right_body_career_contents{
margin: 320px 0 0 0;
}
#main_right_body_career_contents h3{
font: bold 18px Times New Roman, Times, serif;
border-bottom: 1px solid #333;
margin: 0 300px 0 0;
padding: 0 0 0 10px;
}
#main_right_body_career_contents .read_more{
text-align: right;
margin: 5px 20px 0 10px;
}
#main_right_body_career_contents p{
margin: 5px 0 0 10px;
line-height: 18px;
color: #999;
}
/* ------------- */
#main_right_body_certificates{
}
.main_right_body_certificates_contents{
display: block;
float: left;
width: 180px;
margin: 0;
padding: 0 5px;
text-align: center;
}
#main_right_body_certificates img{
border: 1px solid #666;
}
#main_right_body_certificates p{
border: 1px solid #666;
margin: 5px 0 20px 0;
}
/* ------------- */
#main_right_body_job{}
#main_right_body_job p{
margin: 0 0 10px 20px;
line-height: 18px;
}
#main_right_body_job ul{
margin: 0 auto auto 35px;
line-height: 18px;
}
#main_right_body_job h3{
font: 18px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #333;
margin: auto 200px auto auto;
padding: 0 0 0 10px;
}
#main_right_body_job h4{
margin: auto auto auto 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#main_right_body_job h5{
margin: auto auto 3px 10px;
}
/* ------------- */
#main_right_body_jobcn{}
#main_right_body_jobcn p{
margin: 0 0 10px 20px;
line-height: 18px;
}
#main_right_body_jobcn ul{
margin: 0 auto auto 35px;
line-height: 18px;
}
#main_right_body_jobcn h3{
font: 18px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #333;
margin: auto 200px auto auto;
padding: 0 0 0 10px;
}
#main_right_body_jobcn h4{
margin: auto auto auto 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#main_right_body_jobcn h5{
margin: auto auto 3px 10px;
}
/* ------------- */
#main_right_body_contact{
background: url(../images/bg_contact.gif) bottom left no-repeat;
padding: 0 0 50px 0;
}
#main_right_body_contact table{
margin: 0 0 15px 30px;
background-color: #CCC;
}
#main_right_body_contact td{
background-color: #FFF;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#main_right_body_contact .table_title{
background-color: #F2F2F2;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#main_right_body_contact form{
padding: 0;
margin: 0;
}
#main_right_body_contact .form_line{
clear: both;
width: 550px;
margin: 0 0 15px 0;
}
#main_right_body_contact h5{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 5px 0;
}
#main_right_body_contact span{
font: 10px Verdana,Arial,Helvetica,sans-serif;
}
#main_right_body_contact p{
display: block;
float: left;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
width: 180px;
text-align: right;
margin: 0 5px 0 0;
padding: 0;
}
#main_right_body_contact input,textarea,select{
float: left;
margin: 0 0 15px 0;
}
/* ------------- */
#main_right_body_sitemap{
background: url(../images/bg_sitemap.gif) bottom right no-repeat;
padding: 0 0 30px 0;
}
#main_right_body_sitemap h3{
clear: both;
margin: 0 0 10px 0;
padding: 0 0 0 14px;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_menu_point.gif) 0px 2px no-repeat;
}
#main_right_body_sitemap h1{
display: block;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
font: 10px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 16px 4px no-repeat;
}
/* ------------- */
#main_right_body_samplepolicy{
line-height: 16px;
}