@charset "windows-874";
/* CSS Document */

body {margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#555; background:url(../images/bgpage.gif) repeat-x top left #d8d8d8;}

/*for global*/
h1 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h3 {margin:0; padding:0 0 7px 0; color:#6dcff6; font-weight:bold; font-size:12px; text-decoration:none;}

a {color:#555; text-decoration:none; outline:none;}
a:hover {text-decoration:underline; color:#333;}

.FloatL {float:left;}
.FloatR {float:right;}
.ClearFloat {clear:both;}

#Wrapper {width:1003px; margin:0 auto;}
/**/

/*for index page*/
.HeadIndex, .SlideIndex {margin:0 33px 0 31px; background:#fff;}
.BgfootSlide {background:url(../images/bgfoot_slide.gif) no-repeat bottom left #fff; padding:0 0 13px 0; height:120px; line-height:120px;}
.BgMenuLogo {background:url(../images/bgmenu_logo.gif) no-repeat top left; height:110px; line-height:110px;}
/**/

/*for language on top*/
.Lang {position:absolute; margin:90px 0 0 900px; text-align:right; color:#35688c; font-size:11px; font-weight:bold; text-decoration:none;}
.Lang a {color:#35688c; text-decoration:none;}
.Lang a:hover {text-decoration:underline;}

.Lang span {color:#6dcff6; font-size:11px; font-weight:bold;}
.Lang span span {font-weight:normal; color:#555;}
/**/

/*for main menu on top*/
.Menu {margin:0 36px 0 0; float:right;}
.Menu ul { margin:30px 0 0 0; padding:0; list-style:none; display:inline;}
.Menu ul li { margin:0; padding:0; list-style:none; display:inline;}

/*for dropmenu*/
.dropmn{ position:absolute; border:none; z-index:100; visibility:hidden; background:url(../images/bgdrop.png) no-repeat top center; text-align:center; padding:7px 10px 20px 10px; margin:-7px 0 0 -30px; width:166px;}
.dropmn ul {margin:0; padding:0; list-style:none;}
.dropmn ul li {margin:3px 0; padding:0; list-style:none;}
* html .dropmn a{ /*IE only hack*/width: 100%;}
/**/

/**/

/*for footer*/
.Footer {margin:10px 63px 20px 62px; color:#555; font-size:11px;}
.Footer span a {color:#959595; text-decoration:underline;}
.Footer span a:hover {text-decoration:none;}
.Footer h1 {color:#252525; font-weight:bold; font-size:11px; margin:0; padding:0;}
/**/

/*for navigation*/
#Nav,#Nav a {color:#e1e1e1; font-size:12px; text-decoration:none; text-align:right; margin:0 0 20px 0; text-transform:uppercase;}
#Nav a:hover {text-decoration:underline;}
#Nav span {color:#6dcff6; font-size:12px; font-weight:bold; text-transform:none;}
/**/

/*for inner page*/
.HeadInner { padding:0 29px 0 30px; background:#fff;}
#ContentInner {margin:0 33px 0 31px;}
.Content {padding:0 29px 20px 30px; background:url(../images/bgfoot_slide.gif) no-repeat bottom left #fff; min-height:200px;}
.ContentBg { background:url(../images/img_left.jpg) no-repeat bottom left;}

.ContentIn {background:url(../images/bgcontent_inner.gif) repeat-x bottom left #35688c; min-height:300px; padding:0 30px 30px 30px; color:#fff;}
.ContentIn h1 {border-bottom:1px solid #fff; padding:0 0 7px 0; margin:0 0 20px 0;}
.ContentIn h2 {padding:0 0 7px 0;}
.ContentIn span {color:#e1e1e1; font-size:12px;}
.ContentIn a {color:#fff; text-decoration:underline;}
.ContentIn a:hover {text-decoration:none;}


/*for about page*/
.ContentAbout {background:url(../images/bgcontent_about.jpg) no-repeat top left; min-height:300px; padding:0 30px 20px 30px; color:#fff;}
.ContentAbout h1 {border-bottom:1px solid #fff; padding:0 0 7px 0; margin:0 0 20px 0;}
.ContentAbout h2 {padding:0 0 7px 0;}
.ContentAbout span {color:#e1e1e1; font-size:12px;}

.RowDot {border-bottom:1px dotted #ccc;}
/**/

/*for left*/
.ColLeft {width:155px; float:left; margin:20px 0 0 0; padding:0; min-height:180px;}
.ColLeft h1 {margin:0; padding:0 0 10px 0; border:0;} 

.ColLeft ul {margin:0; padding:0; list-style:none;}
.ColLeft ul ul {margin:5px 0 0 20px; padding:0; list-style:none;}
.ColLeft ul li {list-style:none;}

.mnleft {color:#555; font-size:12px; background:url(../images/arrow.gif) no-repeat top left; padding:3px 5px 3px 7px;}
.mnleft a {color:#555; text-decoration:none;}
.mnleft a:hover {color:#6dcff6; text-decoration:none;}
.mnleft:hover {background:url(../images/arrow_over.gif) no-repeat top left; color:#6dcff6;}
.mnleft:hover a {color:#6dcff6; text-decoration:none;}

.mnleft_de {color:#fff; font-size:12px; background:url(../images/arrow_de.gif) no-repeat top left #cdcdcd; padding:3px 5px 3px 7px;}
.mnleft_de a {color:#fff; text-decoration:none;}

.submnleft {color:#555; font-size:12px; background:url(../images/arrow.gif) no-repeat top left; padding:2px 5px 2px 7px;}
.submnleft a {color:#555; text-decoration:none;}
.submnleft a:hover {color:#6dcff6; text-decoration:none;}
.submnleft:hover {background:url(../images/arrow_over.gif) no-repeat top left;}
.submnleft:hover a {color:#6dcff6; text-decoration:none;}

.submnleft_de {color:#6dcff6; font-size:12px; background:url(../images/arrow_over.gif) no-repeat top left; padding:2px 5px 2px 7px;}
.submnleft_de a {color:#6dcff6; text-decoration:none;}


/**/

.ColRight {float:right; width:696px;}
/**/

/*for img border*/
.img, .img_noho {border:1px solid #9bbed7;}
.img:hover {border:1px solid #fff;}
.img_de {border:1px solid #fff;}

.BoxImgRef {background:url(../images/shadow_img.png) no-repeat bottom left; padding:0 0 16px 0; margin:0 20px 10px 0; width:192px; float:left; display:block;}
.BoxImgRef img {border:1px solid #9bbed7;}
.BoxImgRef img:hover {border:1px solid #fff;}

.BoxImgRef h2 {color:#fff; font-size:12px; background:url(../images/arrow.gif) no-repeat top left; margin:-10px 0 0 0; padding:2px 0 7px 7px; font-weight:normal;}
/**/

/*for products*/
.RowProduct {float:left; margin:0 0 20px 0; width:100%; border-bottom:1px dotted #ccc;}
.RowProduct ul {margin:0 0 0 25px; padding:0;}

.RowProductR { float:right; width:430px; text-align:left;}
.RowProductDes { /*padding:0 0 30px 0;*/ /*border-bottom:1px dotted #ccc;*/ clear:both;}
.RowProductDes ul {margin:0 0 0 25px; padding:0;}
.RowProductDes h1 {margin:0 0 7px 0; font-weight:bold; font-size:16px; color:#6dcff6; border-bottom:none;}

.Boximg {background:url(../images/shadow_img.png) no-repeat bottom left; padding:0 10px 16px 0; float:left; display:block;}
.BoximgB {background:url(../images/shadow_imgB.png) no-repeat bottom left; padding:0 10px 27px 0; float:left; display:block;}

.Boximg img, .BoximgB img {border:1px solid #9bbed7;}
.Boximg img:hover {border:1px solid #fff;}

.BoximgS {float:right; width:120px;}
.BoximgS ul {margin:0; padding:0; list-style:none; display:block;}
.BoximgS ul li {margin:0 0 7px 0; padding:0; list-style:none; display:block;}

.RowProduct h2 {color:#6dcff6; font-size:12px; margin:-5px 0 0 0; padding:2px 0 7px 7px; font-weight:bold;}
.RowProduct h2 a {color:#6dcff6; text-decoration:none;}
.RowProduct h2 a:hover {text-decoration:underline;}


.BtnBack {background:url(../images/icn_pre.gif) no-repeat top left; color:#fff; font-weight:bold; font-size:12px; text-decoration:underline; padding:0 0 0 30px; line-height:21px;}
.BtnBack a { color:#fff;}
.BtnBack:hover a {color:#6dcff6; text-decoration:underline;}
.BtnBack:hover {background:url(../images/icn_pre_over.gif) no-repeat top left; color:#6dcff6;}
/**/

/*for contact page*/
.txtboxCon {font-family:Tahama, Arial, Helvetica, sans-serif; font-size:12px; color:#e1e1e1; background:transparent; padding:2px; border-bottom:1px dotted #ccc; width:316px; border-top:none; border-left:none; border-right:none;}

.comment {color:#6dcff6; font-size:12px; text-decoration:none;}
.comment a {color:#6dcff6; text-decoration:underline;}
.comment a:hover {text-decoration:none;}

.BgShadow {background:url(../images/shadow_con.png) no-repeat bottom right; padding:0 0 23px 0;}
/**/

/*for faqs page*/
.RowFaqs {border-bottom:1px dotted #ccc; padding:10px 0 20px 0;}
.RowFaqs h2 {color:#6dcff6; font-size:16px; font-weight:bold; background:url(../images/icn_faqs.gif) no-repeat top left; padding:0 0 15px 30px;}
/**/

/*for page number*/
.Page {padding:30px 0 0 0; text-align:center; width:180px; margin:0 auto;}

.Pre {float:left; width:63px; height:21px; text-align:right; line-height:21px;}
.Next {float:right; width:63px; height:21px; text-align:left; line-height:21px;}

.txtbox_page {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#3b72a9; color:#fff; border:1px solid #ccc; margin:-1px 0 0 0; padding:2px; width:30px; text-align:center;}
/**/