body
{
    margin: 0;
    padding: 0;
    background-color: #00007A;
    font-family: tahoma, 'ms sans Serif';
    font-size: 12px;
}
/*Layout Body*/
.container{ /* กำหนดส่วนของ เนื้อหา ทั้งหมด */
    width: 980px; /* กำหนดความกว้าง ของทั้ง 3 คอลัมน์รวมกัน */
    margin:auto;
}
.rightback{ /* กำหนดพื้นหลัง คอลัมน์ ด้านขวา */
    background-color: #f4f3f3;
    overflow:hidden;
}
.contentback{  /* กำหนดพื้นหลัง คอลัมน์ ตรงกลาง */
    background-color:#ffffff;
    right: 195px;    /* กำหนดความกว้าง ของคอลัมน์ ด้านขวา */    
}
.leftback{  /* กำหนดพื้นหลัง คอลัมน์ ด้านซ้าย */
    background-color: #ff0000;
    right: 523px; /* กำหนดความกว้าง ของคอลัมน์ เนื้อหา หรือ ตรงกลาง */
}
.rightback,.contentback,.leftback{ /* กำหนดคุณสมบัติที่ใช้ร่วมกัน */
    float:left;
    position:relative;
    width:100%;
}
.leftsidebar{ /* กำหนดสำหรับคอลัมน์ ด้านซ้าย */
    width: 262px;   /* กำหนดความกว้าง ของคอลัมน์ ด้านซ่าย */
}
.content{  /* กำหนดสำหรับคอลัมน์ ตรงกลาง */
    width: 523px; /* กำหนดความกว้าง ของคอลัมน์ เนื้อหา หรือ ตรงกลาง */
}
.rightsidebar{  /* กำหนดสำหรับคอลัมน์ ด้านขวา */
    width: 195px; /* กำหนดความกว้าง ของคอลัมน์ ด้านขวา */
}
.leftsidebar,.content,.rightsidebar{ /* กำหนดคุณสมบัติที่ใช้ร่วมกัน */
    float:left;
    overflow:hidden;
    position:relative;
    left: 718px; /* ความกว้างทั้งหมด ลบด้วย ความกว่าง คอลัมน์ด้านซ้าย ในที่นี้ 980-262  */
}

.container-2-column{ /* กำหนดส่วนของ เนื้อหา ทั้งหมด */
    width: 980px; /* กำหนดความกว้าง ของทั้ง 2 คอลัมน์รวมกัน */
    margin:auto;
}
.rightback-2-column{ /* กำหนดพื้นหลัง คอลัมน์ ด้านขวา */
    background-color: #ffffff;
    overflow:hidden;
}
.contentback-2-column{  /* กำหนดพื้นหลัง คอลัมน์ ตรงกลาง */
    background-color:#ff0000;
    right: 718px;    /* กำหนดความกว้าง ของคอลัมน์ ด้านขวา */
}
.rightback-2-column,.contentback-2-column{ /* กำหนดคุณสมบัติที่ใช้ร่วมกัน */
    float:left;
    position:relative;
    width:100%;
}
.content-2-column{  /* กำหนดสำหรับคอลัมน์ ตรงกลาง */
    width: 262px; /* กำหนดความกว้าง ของคอลัมน์ เนื้อหา หรือ ตรงกลาง */
}
.rightsidebar-2-column{  /* กำหนดสำหรับคอลัมน์ ด้านขวา */
    width: 718px; /* กำหนดความกว้าง ของคอลัมน์ ด้านขวา */
}
.content-2-column,.rightsidebar-2-column{ /* กำหนดคุณสมบัติที่ใช้ร่วมกัน */
    float:left;
    overflow:hidden;
    position:relative;
    left: 718px; /* ความกว้างทั้งหมด ลบด้วย ความกว่าง คอลัมน์ด้านซ้าย ในที่นี้ 980-262  */	
}
/*/Layout Body*/

.top-zone{
    width: 100%; 
    height: 144px; 
    background: transparent url(default/images/SKK_index_Zone1_In.jpg) repeat-x;
    position: relative;
}
.slide-zone{
    width: 100%;
    height: 600px;
    background: transparent url(default/images/SKK_index_Zone2_In.jpg) repeat-x;
    overflow: hidden;
}

a.nav-main-menu{
    font-size: 1.40em;
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px;
}
a.nav-main-menu:hover{
    color: #ffcc00;
}

a.nav-bottom-menu{
    font-size: 1.20em;
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px; 
}
a.nav-bottom-menu:hover{
    color: #ffcc00;
}
a.right-a-menu{
    font-size: 1.10em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
a.right-a-menu:hover{
    color: #ffff33;
}
a.right-a-menu-all{
    font-size: 1.10em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
a.right-a-menu-all:hover{
    color: #ffff33;
}
a.aboutus-doc{
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    margin: 0 8px 0 8px;
    border: 0; 
    display: inline-block;
}
a.aboutus-doc:hover{
    color: #ffcc00;
}
a.contact-map{
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    margin: 0 auto 0 auto;
    border: 0; 
    display: inline-block;
    text-align: center;
}
a.contact-map:hover{
    color: #ffcc00;
}

.portfolio-img-border{
    border:4px #ffffff solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.product-name-a{
    font-size: 1.20em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

a.product-name-a:hover{
    color: #ffff33;
}

img.product-boder-img{
    border:2px #ffffff solid;
}

a.top-menu{
    font-size: 1.12em;
    color: #ffff00;
    font-weight: bold;
    text-decoration: none;
}
a.top-menu:hover{
    color: #ffffff;
}
a.bar-menu{
    font-size: 1.5em;
    color: #ffff00;
    font-weight: bold;
    text-decoration: none;
}
a.bar-menu:hover{
    color: #ffffff;
}
li.left-menu-li{
    padding: 5px 0 5px 10px; 
    border-bottom: 1px #990000 dashed;
}
li.left-menu-li:last-child{
    padding: 5px 0 5px 10px; 
    border: 0;
}
a.left-menu{
    font-size: 1.02em;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
a.left-menu:hover{
    color: #990000;
}
li.right-menu-li{
    padding: 5px 0 5px 10px; 
    border-bottom: 1px #990000 dashed;
}
li.right-menu-li:last-child{
    padding: 5px 0 5px 10px; 
    border: 0;
}
a.right-menu{
    font-size: 1.02em;
    color: #333333;
    text-decoration: none;
}
a.right-menu:hover{
    color: #990000;
}
a.footer-menu{
    font-size: 1.12em;
    color: #ffff00;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 4px 0 4px;
}
a.footer-menu:hover{
    color: #ffffff;
}
a.footer-sub-menu{
    font-size: 1.12em;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 2px 0 2px;
}
a.footer-sub-menu:hover{
    color: #ffff00;
}
a.news_topic_a{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
a.news_topic_a:hover{
    color: #990000;
}
a.news_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;    
}
a.news_more_a:hover{
    color: #990000;  
}
div#news_list{
    min-height: 150px; 
    margin: 10px auto;
}
div#news_list div.news_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_news.png) no-repeat;
}
div#news_list div.news_block_img a img{
    margin-top: 10px;
}
div#news_list div.news_block_topic{
    float: left; 
    height: 130px; 
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin-left: 10px;
}
div#news_list div.news_block_topic div.news_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#news_list div.news_block_topic div.news_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#news_list div.news_block_topic div.news_list_title{
    font-size: 13px;
    color: #999999;
}
.news_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.news_detail .news_detail_topic{
    height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.news_detail .news_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:30px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.news_detail .news_detail_body{
    list-style:none outside none;
    margin:150px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.news_detail .news_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#news_detail_body{
    margin: 0 auto;
}
div#news_detail_body div.news_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_news_detail_img.png') no-repeat; 
    text-align:center;
}
div#news_detail_body div.news_detail_img img{
    margin: 10px;
}
div#news_detail_body div.news_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#news_detail_body div.news_detail_stat div.news_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#news_detail_body div.news_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_news_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#news_detail_body div.news_detail_title div{
    padding: 4px;
}
div#news_detail_body div.news_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_news_detail_body.png') repeat-y;
}
div#news_detail_body div.news_detail div.news_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#news_detail_body div.news_detail div.news_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#news_detail_body div.news_detail div.news_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#news_detail_body div.news_detail div.news_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#news_detail_body div.news_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_news_detail_bottom.png') no-repeat;
}
a.programs_topic_a{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
a.programs_topic_a:hover{
    color: #990000;
}
a.programs_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;    
}
a.programs_more_a:hover{
    color: #990000;  
}
div#programs_list{
    min-height: 150px; 
    margin: 10px auto;
}
div#programs_list div.programs_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_programs.png) no-repeat;
}
div#programs_list div.programs_block_img a img{
    margin-top: 10px;
}
div#programs_list div.programs_block_topic{
    float: left; 
    height: 130px; 
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin-left: 10px;
}
div#programs_list div.programs_block_topic div.programs_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#programs_list div.programs_block_topic div.programs_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#programs_list div.programs_block_topic div.programs_list_title{
    font-size: 13px;
    color: #999999;
}
.programs_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.programs_detail .programs_detail_topic{
    height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.programs_detail .programs_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:30px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.programs_detail .programs_detail_body{
    list-style:none outside none;
    margin:150px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.programs_detail .programs_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#programs_detail_body{
    margin: 0 auto;
}
div#programs_detail_body div.programs_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_programs_detail_img.png') no-repeat;  
    text-align:center;
}
div#programs_detail_body div.programs_detail_img img{
    margin: 10px;
}
div#programs_detail_body div.programs_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#programs_detail_body div.programs_detail_stat div.programs_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#programs_detail_body div.programs_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_programs_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#programs_detail_body div.programs_detail_title div{
    padding: 4px;
}
div#programs_detail_body div.programs_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_programs_detail_body.png') repeat-y;
}
div#programs_detail_body div.programs_detail div.programs_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#programs_detail_body div.programs_detail div.programs_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#programs_detail_body div.programs_detail div.programs_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#programs_detail_body div.programs_detail div.programs_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#programs_detail_body div.programs_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_programs_detail_bottom.png') no-repeat;
}
a.testimonial_topic_a{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
a.testimonial_topic_a:hover{
    color: #990000;
}
a.testimonial_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;    
}
a.testimonial_more_a:hover{
    color: #990000;  
}
div#testimonial_list{
    min-height: 150px; 
    margin: 10px auto;
}
div#testimonial_list div.testimonial_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_testimonial.png) no-repeat;
}
div#testimonial_list div.testimonial_block_img a img{
    margin-top: 10px;
}
div#testimonial_list div.testimonial_block_topic{
    float: left; 
    height: 130px; 
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin-left: 10px;
}
div#testimonial_list div.testimonial_block_topic div.testimonial_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#testimonial_list div.testimonial_block_topic div.testimonial_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#testimonial_list div.testimonial_block_topic div.testimonial_list_title{
    font-size: 13px;
    color: #999999;
}
.testimonial_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.testimonial_detail .testimonial_detail_topic{
    height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.testimonial_detail .testimonial_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:30px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.testimonial_detail .testimonial_detail_body{
    list-style:none outside none;
    margin:150px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.testimonial_detail .testimonial_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#testimonial_detail_body{
    margin: 0 auto;
}
div#testimonial_detail_body div.testimonial_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_testimonial_detail_img.png') no-repeat;  
    text-align:center;
}
div#testimonial_detail_body div.testimonial_detail_img img{
    margin: 10px;
}
div#testimonial_detail_body div.testimonial_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#testimonial_detail_body div.testimonial_detail_stat div.testimonial_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#testimonial_detail_body div.testimonial_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_testimonial_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#testimonial_detail_body div.testimonial_detail_title div{
    padding: 4px;
}
div#testimonial_detail_body div.testimonial_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_testimonial_detail_body.png') repeat-y;
}
div#testimonial_detail_body div.testimonial_detail div.testimonial_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#testimonial_detail_body div.testimonial_detail div.testimonial_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#testimonial_detail_body div.testimonial_detail div.testimonial_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#testimonial_detail_body div.testimonial_detail div.testimonial_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#testimonial_detail_body div.testimonial_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_testimonial_detail_bottom.png') no-repeat;
}
div#product_image div#gallery{
    border: 0;
    padding: 0;
    margin: 0;
    width: 340px;
    text-align: left;
}
div#product_image div#gallery a{
    border: 0;
    text-decoration: none;
    padding: 0;
    margin: 0 4px 4px 0;
}
div#product_image div#gallery a img{
    border-radius: 4px 4px 4px 4px;
    padding: 2px;
    border: 1px solid #E6E6E6;    
    background-color: #FFFFFF;
}
div#product_detail_all{
    float: left;
    width: 600px;
    padding: 0;
    margin: 0 0 0 10px;
}
div a.gallery_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;
}
div a.gallery_more_a:hover{
    color:#990000;
}
div a.gallery_name_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;
}
div a.gallery_name_a:hover{
    color:#990000;
}
a.service_topic_a{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
a.service_topic_a:hover{
    color: #990000;
}
a.service_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;    
}
a.service_more_a:hover{
    color: #990000;  
}
div#service_list{
    min-height: 150px; 
    margin: 10px auto;
}
div#service_list div.service_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_service.png) no-repeat;
}
div#service_list div.service_block_img a img{
    margin-top: 10px;
}
div#service_list div.service_block_topic{
    float: left; 
    height: 130px; 
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin-left: 10px;
}
div#service_list div.service_block_topic div.service_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#service_list div.service_block_topic div.service_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#service_list div.service_block_topic div.service_list_title{
    font-size: 13px;
    color: #999999;
}
.service_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.service_detail .service_detail_topic{
    height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.service_detail .service_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:30px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.service_detail .service_detail_body{
    list-style:none outside none;
    margin:150px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.service_detail .service_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#service_detail_body{
    margin: 0 auto;
}
div#service_detail_body div.service_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_service_detail_img.png') no-repeat; 
    text-align:center;
}
div#service_detail_body div.service_detail_img img{
    margin: 10px;
}
div#service_detail_body div.service_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#service_detail_body div.service_detail_stat div.service_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#service_detail_body div.service_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_service_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#service_detail_body div.service_detail_title div{
    padding: 4px;
}
div#service_detail_body div.service_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_service_detail_body.png') repeat-y;
}
div#service_detail_body div.service_detail div.service_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#service_detail_body div.service_detail div.service_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#service_detail_body div.service_detail div.service_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#service_detail_body div.service_detail div.service_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#service_detail_body div.service_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_service_detail_bottom.png') no-repeat;
}
a.knowledge_topic_a{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
a.knowledge_topic_a:hover{
    color: #990000;
}
a.knowledge_more_a{
    font-size: 1em;
    color:#666666;
    text-decoration: none;    
}
a.knowledge_more_a:hover{
    color: #990000;  
}
div#knowledge_list{
    min-height: 80px; 
    margin: 10px auto;
}
div#knowledge_list div.knowledge_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_knowledge.png) no-repeat;
}
div#knowledge_list div.knowledge_block_img a img{
    margin-top: 10px;
}
div#knowledge_list div.knowledge_block_topic{
    float: left; 
    height: 80px; 
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin-left: 10px;
}
div#knowledge_list div.knowledge_block_topic div.knowledge_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#knowledge_list div.knowledge_block_topic div.knowledge_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#knowledge_list div.knowledge_block_topic div.knowledge_list_title{
    font-size: 13px;
    color: #999999;
}
.knowledge_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.knowledge_detail .knowledge_detail_topic{
    height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.knowledge_detail .knowledge_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:30px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.knowledge_detail .knowledge_detail_body{
    list-style:none outside none;
    margin:150px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.knowledge_detail .knowledge_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#knowledge_detail_body{
    margin: 0 auto;
}
div#knowledge_detail_body div.knowledge_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_knowledge_detail_img.png') no-repeat; 
    text-align:center;
}
div#knowledge_detail_body div.knowledge_detail_img img{
    margin: 10px;
}
div#knowledge_detail_body div.knowledge_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#knowledge_detail_body div.knowledge_detail_stat div.knowledge_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#knowledge_detail_body div.knowledge_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_knowledge_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#knowledge_detail_body div.knowledge_detail_title div{
    padding: 4px;
}
div#knowledge_detail_body div.knowledge_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_knowledge_detail_body.png') repeat-y;
}
div#knowledge_detail_body div.knowledge_detail div.knowledge_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#knowledge_detail_body div.knowledge_detail div.knowledge_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#knowledge_detail_body div.knowledge_detail div.knowledge_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#knowledge_detail_body div.knowledge_detail div.knowledge_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#knowledge_detail_body div.knowledge_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_knowledge_detail_bottom.png') no-repeat;
}
div#youtube_list{
    margin:8px auto 8px auto;
}
div#youtube_list div.youtube_list_image{
    margin:0 auto;
    text-align:center;
    width:200px;
    height:140px;
    background:url(default/images/bg_list_youtube.png) no-repeat;
}
div#youtube_list div.youtube_list_image img{
    margin-top: 10px;
}
div#youtube_list div.youtube_list_detail{
    margin:10px auto 10px auto; 
    text-align: center;
}
div#youtube_list div.youtube_list_detail div.youtube_list_name{
    margin:0 auto;
    text-align: center;
    line-height: 16px;
}
div#youtube_list div.youtube_list_detail div.youtube_list_name a{
    font-size: 13px;
    font-weight: bold;
    color:#0066CC;
    text-decoration:none;
    font-size: 13px;
}
div#youtube_list div.youtube_list_detail div.youtube_list_name a:hover{
    font-size: 13px;
    font-weight: bold;
    color:#990000;
    text-decoration:none;
    font-size: 13px;
}
div#youtube_detail_body{
    margin: 0 auto;
}
div#youtube_detail_body div.youtube_detail_showvdo{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:540px; 
    height:340px; 
    background:transparent url('default/images/bg_youtube_detail.png') no-repeat; 
    text-align:center;
}
div#youtube_detail_body div.youtube_detail_showvdo object{
    margin: 10px;
}
div#youtube_detail_body div.youtube_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 540px;
    height: 30px;
    position:  relative;    
}
div#youtube_detail_body div.youtube_detail_stat div.youtube_detail_statleft{
    top: 0px;
    left: 2px;
    position:  absolute;    
}
div#youtube_detail_body div.youtube_detail_stat div.youtube_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#youtube_detail_body div.youtube_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    //background: transparent url('default/images/bg_youtube_detailtitle.png') no-repeat;
    width: 640px;	
}
div#youtube_detail_body div.youtube_detail_title div{
    padding: 4px;
    color: #999999;
    text-align: center;
}
div#youtube_detail_body div.youtube_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    //background: transparent url('default/images/bg_youtube_detailbody.png') repeat-y;
}
div#youtube_detail_body div.youtube_detail div{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#youtube_detail_body div.youtube_detail_bottom{
    margin: 0 auto 0 auto;
    min-height: 20px;
    width: 640px;
    //background: transparent url('default/images/bg_youtube_detailbottom.png') no-repeat;
}
div#youtube_detail_body div.youtube_share{
    margin: 20px auto 20px auto;
    text-align:center;
    width: 300px;
}
div#youtube_detail_body div.youtube_share div{
    margin: 0 auto 0 auto;
}
div#youtube_detail_body div.youtube_share div a{
    margin: 0 10px 0 10px;
}
div.download-detail-name{
    margin: 2px 0 2px 0;
    text-align: left;     
}
div.download-detail-name a.download-detail-link{
    font-size: 1.20em;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-left: 40px;
}
div.download-detail-name a.download-detail-link:hover{
    color: #660000;
}










































#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
}
#header
{
    height: 150px;    
    background:url(default/images/bg_h.jpg);
}
#header div#headerSub
{
    height: 150px;
    width: 950px;
    margin: 0 auto;  
    /*background-color: #1C8DFF;*/
    background:url(default/images/bg-top-950-150.png);
}
#header div#headerSub div.headerSubCenter
{
    width: 950px; 
    height: 115px; 
    /*background-color: #FFFFFF;*/
    /*background:url(default/images/bg_h.jpg);*/
}
#header div#headerSub div.headerSubCenter div.headerLogo
{
    width: 200px; 
    height: 125px; 
    /*background-color:#ffff00;*/ 
    text-align: center; 
    float: left; 
    vertical-align: top;
    background:url(default/images/bg_h_logo.png);
}
#header div#headerSub div.headerSubCenter div.headerRightLogo
{
    width: 750px; 
    height: 125px; 

    vertical-align: top; float: left;
    position:relative;
}
div.bannerCenter{
    float:right;
    margin-top:70px;
    position:absolute;
    margin-left:560px;
}
div.bannerCenter ul#searchTop{
    margin: 0px; 
    padding: 0px; 
    list-style: none; 

    bottom: 20px; 
    right: 5px; 
    text-align: right;
}
div.bannerCenter ul#searchTop li{
    display: inline;
}
div.bannerCenter form#search-form{
    margin: 0px;
    padding: 0px;
}
div.bannerCenter form#search-form span#search_wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #00CC66;
    float: left;
    white-space: nowrap;
    padding: 3px;
}
div.bannerCenter form#search-form input.search-input{
    background-color: #FFFFFF;
    border: 0 none;
    font-size: 12px;
    padding: 0;
    width: 150px;
    height: 13px;
}
div.bannerCenter form#search-form input.search-button {
    background: url("images/search_icon.png") no-repeat scroll 50% center #528F6C;
    border: 1px solid #00CC66;
    float: left;
    height: 21px;
    padding: 0;
    text-indent: -3000em;
    width: 25px;
}
div.menuTop ul{
}
div.menuTop ul li{
}
div.menuTop ul li a{
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}
div.menuTop ul li a:hover{
    font-size: 13px;
    font-weight: normal;
    color: #FF8913;
    text-decoration: none;
}
div.menuBar{
    width: 950px; 
    height: 35px; 
    /*background-color: #1C8DFF; */
    text-align: left; 
    vertical-align: top;
    position: absolute;
}
div.menuBar ul{
    margin: 0; 
    padding: 8px 0 0 0; 
    list-style-type: none;
}
div.menuBar ul li{
    display: inline; 
    padding: 0 5px;
}
div.menuBar ul li:first-child{
    display: inline; 
    padding: 0 5px 0 20px;
}
div.menuBar ul li a{
    font-size: 13px;
    font-weight: bold;
    color: #FFFF66;
    text-decoration: none;
}
div.menuBar ul li a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #FF0099;
    text-decoration: none;
}
#maincontent{
    margin: 5px auto;
    width: 950px;
}
#footer
{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 302px;
    /*background-color: #1C8DFF;*/
    background:url(default/images/bg-footer-all.png);
}
div#footer div.footerCenter{
    /*background-color: #ff0000; */
    width: 950px; 
    margin: 0 auto; 
    height: 302px;
    background:url(default/images/bg-footer-950-50.png);
}
div#footer div.footerCenter div.footerCenterTop{
    /*background-color: #00ff00; */
    width: 950px; 
    margin: 0 auto; 
    height: 100px;
    background:url(default/images/bg-footer-950-160.png);
}
div#footer div.footerCenter div.footerCenterMenu{
    /*background-color: #1C8DFF; */
    margin: 0 auto; 
    height: 172px; 
    width: 640px;    
    /*background:url(default/images/bg-footer-950-50.png); */
}
div#footer div.footerCenter div.footerCenterMenu div{
    float: left; 
    width: 300px; 
    text-align: left
        /*background:url(default/images/bg-footer-950-50.png); */
}
div#footer div.footerCenter div.footerCenterMenu div div.footerTopicMenu{
    margin: 3px auto;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}
div#footer div.footerCenter div.footerCenterMenu div ul{
    margin: 0; 
    padding: 0 0 0 10px; 
    list-style: none;
}
div#footer div.footerCenter div.footerCenterMenu div ul li a{
    margin: 2px auto;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}
div#footer div.footerCenter div.footerCenterMenu div ul li a:hover{
    margin: 2px auto;
    font-size: 13px;
    color: #ffff00;
    text-decoration: none;
}
div#footer div.footerCenter div.footerCenterMenu div ul li{
    margin: 2px auto;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}
div#footer div.footerCenter div.footerCenterBottom{
    /*background-color: #00CC66; */
    margin: 0 auto; 
    height: 30px; 
    width: 950px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background:url(default/images/bg-footer-8-28.png); 
}
.layout1{
    float:left;
    width:252px;
    text-align: left;
}
.layout1 .layout1_title{
    height: 37px;
    background:url(default/images/bg_menu_title.png) no-repeat;
}
.layout1 .layout1_title div{
    margin:0 0 0 0px;
    padding: 10px 0 0 12px;
    font-size:14px;
    font-weight:bold;
    color: #ffffff;
}
.layout1 .layout1_body{	
    list-style:none outside none;
    margin:0 0 0 2px;
    padding:5px 10px;
    background:url(default/images/bg_menu_body.png) repeat-y ;
}
.layout1 ul.layout1_body li a{	
    background: url(default/images/bullet-menu.gif) no-repeat scroll left bottom #DFDFDF;
    color: #5A5A5A;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 15px;
    text-decoration: none;
}
.layout1 ul.layout1_body li a:hover {
    background: url(default/images/bullet-menu.gif) no-repeat scroll left top #FFFFFF;
    color: #3F89C3;
}
.layout1 .layout1_bottom{	
    margin:0 0 8px 2px;
    height:15px;
    background:url(default/images/bg_menu_bottom.png) no-repeat;
}
.layout2{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.layout2 .layout2_title{
    //height: 37px;
    //background:url(default/images/bg_content_title.png) no-repeat;
}
.layout2 .layout2_title div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:40px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.layout2 .layout2_body{
    list-style:none outside none;
    margin:120px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body.png) repeat-y;
}
.layout2 .layout2_bottom{	
    margin:0 0 8px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom.png) no-repeat;
}
.layout_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.layout_detail .layout_detail_title{
    //height: 37px;
    //background:url(default/images/bg_content_title2.png) no-repeat;
}
.layout_detail .layout_detail_title div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:40px;
    font-weight:bold;
    color: #666666;
    text-align: right;
}
.layout_detail .layout_detail_body{
    list-style:none outside none;
    margin:120px 0 0 0px;
    padding:5px 10px;
    border-top: 4px #ff0000 solid;
    //background:url(default/images/bg_content_body2.png) repeat-y;
}
.layout_detail .layout_detail_bottom{	
    margin:0 0 8px 0px;
    height:15px;
    //background:url(default/images/bg_content_bottom2.png) no-repeat;
}


div.button_insert_adsense{
    margin:10px auto;
    text-align: right;
}
div#adsense_list{
    min-height: 150px; 
    margin: 10px auto;
}
div#adsense_list div.adsense_block_img{
    float: left; 
    width: 200px; 
    height: 130px; 
    text-align: center;
    background:url(default/images/bg_list_adsense.png) no-repeat;
}
div#adsense_list div.adsense_block_img a img{
    margin-top: 10px;
}
div#adsense_list div.adsense_block_topic{
    float: left; 
    height: 130px; 
    text-align: left;
    vertical-align: top;
    width: 665px;
    margin-left: 10px;
}
div#adsense_list div.adsense_block_topic div.adsense_list_topic a{
    font-size: 13px;
    font-weight: bold;
    color: #0066CC;
    text-decoration:none;
}
div#adsense_list div.adsense_block_topic div.adsense_list_topic a:hover{
    font-size: 13px;
    font-weight: bold;
    color: #990000;
    text-decoration:none;
}
div#adsense_list div.adsense_block_topic div.adsense_list_title{
    font-size: 13px;
    color: #999999;
}
.adsense_detail{
    margin:0 auto;
    width: 640px;
    text-align: left;
}
.adsense_detail .adsense_detail_topic{
    height: 37px;
    background:url(default/images/bg_content_title2.png) no-repeat;
}
.adsense_detail .adsense_detail_topic div{
    margin:0 0 0 0px;
    padding: 10px 0 8px 10px;
    font-size:14px;
    font-weight:bold;
    color: #FFFFFF;
}
.adsense_detail .adsense_detail_body{
    list-style:none outside none;
    margin:0 0 0 0px;
    padding:5px 10px;
    background:url(default/images/bg_content_body2.png) repeat-y;
}
.adsense_detail .adsense_detail_bottom{	
    margin:0 0 2px 0px;
    height:15px;
    background:url(default/images/bg_content_bottom2.png) no-repeat;
}
div#adsense_detail_body{
    margin: 0 auto;
}
div#adsense_detail_body div.adsense_detail_img{
    margin: 10px auto 10px auto; 
    text-align: center; 
    width:500px; 
    height:340px; 
    background:transparent url('default/images/bg_adsense_detail_img.png') no-repeat; 
    text-align:center;
}
div#adsense_detail_body div.adsense_detail_img img{
    margin: 10px;
}
div#adsense_detail_body div.adsense_detail_stat{
    margin: 10px auto 0 auto;
    text-align:right;
    width: 500px;
    height: 30px;
    position:  relative;    
}
div#adsense_detail_body div.adsense_detail_stat div.adsense_detail_statright{
    top: 0px;
    right: 0px;
    position:  absolute;    
}
div#adsense_detail_body div.adsense_detail_title{
    margin: 10px auto 0 auto;
    text-align:left;
    background: transparent url('default/images/bg_adsense_detail_title.png') no-repeat;
    width: 640px;
    height: 30px;
}
div#adsense_detail_body div.adsense_detail_title div{
    padding: 4px;
    font-weight: bold;
}
div#adsense_detail_body div.adsense_detail{
    margin: 0 auto 0 auto;
    text-align:left;
    width: 640px;
    background: transparent url('default/images/bg_adsense_detail_body.png') repeat-y;
}
div#adsense_detail_body div.adsense_detail div.adsense_detail_content{
    margin: 0 auto 0 auto;	
    padding: 4px 4px 4px 4px;
    min-height: 80px;
}
div#adsense_detail_body div.adsense_detail div.adsense_download{
    text-align: right; 
    margin: 0 10px; 
    padding: 0; 
    min-height: 20px;
}
div#adsense_detail_body div.adsense_detail div.adsense_download a{
    font-size: 12px;
    text-decoration: none;
    color:#5799FF;
}
div#adsense_detail_body div.adsense_detail div.adsense_download a:hover{
    font-size: 12px;
    text-decoration: none;
    color:#993300;
}
div#adsense_detail_body div.adsense_detail div.adsense_address{
    text-align: left; 
    margin: 0 10px; 
    padding: 0;
    min-height: 20px;
}
div#adsense_detail_body div.adsense_detail div.adsense_sender{
    text-align: left; 
    margin: 0 10px; 
    padding: 0;
    min-height: 20px;
}
div#adsense_detail_body div.adsense_detail_bottom{
    margin: 0 auto 20px auto;
    min-height: 20px;
    width: 640px;
    background: transparent url('default/images/bg_adsense_detail_bottom.png') no-repeat;
}

.layout3{
    float:left;
    width:696px;
    text-align: left;
}
.layout3 .layout3_title{
    margin:0 0 0 0px;
    padding: 8px 0 8px 10px;
    background:url(default/images/bg_content_title.png) no-repeat ;
    font-size:14px;
    font-weight:bold;
    color: #0033ff
}
.layout3 .layout3_body{
    list-style:none outside none;
    margin:0 0 0 0px;
    padding:5px 10px;
    background:url(default/images/bg_content_body.png) repeat-y;
}
.layout3 .layout3_bottom{	
    margin:0 0 8px 0px;
    height:15px;
    background:url(default/images/bg_content_bottom.png) no-repeat;
}
div.showAll{
    text-align: right;
    padding: 10px 5px 0 0;
}
div.showAll a{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #0066FF;
}
div.showAll a:hover{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}
.layout1 ul.ul_stat {	
    margin: 0;
    padding: 0;
}
.layout1 ul.ul_stat li.li_stat{	
    background: url(default/images/bullet-menu.gif) no-repeat scroll left bottom #DFDFDF;
    color: #5A5A5A;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 15px;
    text-decoration: none;
}
div.breadcrumbs
{    
    padding: 5px 20px;
    color: #FFFFFF;
}
div.breadcrumbs a
{
    font-size: 12px;
    color:#F5C533;
    text-decoration: none;
}
div.breadcrumbs a:hover
{
    font-size: 12px;
    color:#FFFFFF;
    text-decoration: none;
}
div.breadcrumbs span
{
    font-size: 12px;
    color: #FFFF00;
    font-weight: bold;
}
div#tag{
    text-align: left;
}
div#tag a{
    font-size: 12px;
    font-weight: normal;
    color: #999999;
    text-decoration: underline;
}
div#tag a:hover{
    font-size: 12px;
    font-weight: normal;
    color: #0099FF;
    text-decoration: underline;
}




#user_manage{
    background:#06C;
    font-weight:bold;
    color:#fff;
    padding:5px;
    font-size:12px;
    border-radius: 4px 4px 4px 4px;
    margin-top:0px;margin-left:580px;position:absolute;float:right;

}
#user_manage a{
    color:#fff;
    text-decoration:none;	
}
#headersub{
    background:url(default/images/kpmhead.png);
    height: 150px;
    margin: 0 auto;
    width: 950px;
    position:relative;
}
#navi_menu{
    margin:113px 0px 0px 620px;
    float:right;
    position:absolute;
}
div#product_image{
    float: left;
    padding: 0;
    margin: 0;
    width: 340px;
}
div#product_image div.img_zoom{
    border: 1px solid #E6E6E6;
    border-radius: 4px 4px 4px 4px;
    padding: 2px;
    width: 340px;
    margin: 0 0 10px 0;
    background-color: #FFFFFF;
}
div#product_detail_all div.product_detail_item{
    margin: 5px 0 5px 10px;
}
div#product_detail_all div.product_detail_item div.product_name{
    margin: 0px; 
    text-align: left;
}
div#product_detail_all div.product_detail_item div.product_name h1{
    font-size: 24px; 
    font-weight: bold; 
    color:#0099FF;
}
div#product_detail_all div.product_detail_item div.product_code{
    border-bottom: solid 2px #DEDEDE;
    font-size: 14px; 
    font-weight: bold; 
    color:#999999; 
    text-align: left;
    width: 98%;
}
div#product_detail_all div.product_detail_item div#tag{
    border: 0;
    padding: 4px;
    text-align: left;
    width: 98%;
}
div#product_detail_all div.product_detail_item div#tag span.tag_title{
    color:#F60;
    font-weight:bold;
}
div#product_image div.item_price{
    font-size:22px;
    font-weight:bold;
    color:#333333;
}
div#product_image div.item_price span.item_price_number{
    font-size:22px;
    font-weight:bold;
    color:#ff0000;
}
div#product_detail_all div.product_detail_item div.item_update{
    font-size: 12px; 
    color: #CCCCCC; 
    margin: 2px auto; 
    text-align: left;
}
div#item_show_detail{
    clear: both; 
    margin: 20px auto;
}
div#item_show_detail div.product_detail_topic{
    height: 50px; width: 950px; 
    text-align: left; 
    /*background-color: #0063DC;*/
    margin: 0px;
    padding: 0px;
    background:url(default/images/detail-h1.png);
    /*เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย™เธขยˆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡ bg title เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ฆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย™เน‚ย‚เธŒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ขเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™ เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€˜เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยš*/
}
div#item_show_detail div.product_detail_topic div{
    padding: 8px 0 0 60px; 
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    /*เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย™เธขยˆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡ font title เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ฆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย™เน‚ย‚เธŒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ขเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™ เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€˜เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยš*/
}
div#item_show_detail div.product_detail{
    width: 948px;
    text-align: left;
    border-right: 1px #97CCFB solid;
    border-left: 1px #97CCFB solid;
    background-color: #ffffff;
    /*เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย™เธขยˆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขยšเน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌเธ‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ฆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ฆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย™เน‚ย‚เธŒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ขเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™ เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€˜เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยš*/
}
div#item_show_detail div.product_detail div{
    padding: 5px 10px;
}
div#item_show_detail div.product_detail_bottom{
    margin: 0 auto 10px auto;
    height: 35px;
    width: 950px;
    /*background-color: #0063DC;*/
    background:url(default/images/detail-h3.png);
    /*เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย™เธขยˆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‡เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย‡ footer เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ฆเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย™เน‚ย‚เธŒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€ขเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ย‚เน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌยเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยŠเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™ เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€™เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยž bg เน€เธ™โ‚ฌเน€เธ˜ย™เธขยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขยเน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย™เธขย„เน€เธ™โ‚ฌเน€เธ˜ย˜เน‚โ‚ฌยเน€เธ™โ‚ฌเน€เธ˜ย™เธขย‰เน€เธ™โ‚ฌเน€เธ˜ย˜เธขย™เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยเน€เธ™โ‚ฌเน€เธ˜ย˜เธขย„เน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜ยƒเน€เธ™โ‚ฌเน€เธ˜ย˜เน€เธ˜โ€˜เน€เธ™โ‚ฌเน€เธ˜ย˜เธขยš*/
}

div#product_price{
    background-color: #09F;
    background-image: none;
    background-position: 2px 2px;
    border-bottom: 1px solid #81CDF0;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #C0EBFF;
    color: #000000;
    float: left;
    font-size: 22px;
    text-shadow: 1px 1px 0 #FFFFFF;
    padding: 10px 10px 10px 2px;
    width: 100%;
}
div#arrow_left_product_price{
    border-bottom: 20px solid transparent;
    border-right: 20px solid #09F;
    border-top: 20px solid transparent;
    height: 0;
    margin: 6px 0 0 -18px;
    position: absolute;
    width: 0;
    z-index: 9;
}
div#product_detail{
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-radius: 0 0 4px 4px;
    float: left;
    width:100%;
    padding:5px;	
}
div.cart_icon{
    background:url(default/images/cart.png) no-repeat;
    height:32px;
    padding-left:40px;
    float:left;
}
#info{
    background-color:#0C0;
    padding:10px;
    float:left;
    margin:3px 0px 0px 260px;
    position:absolute;
    border:1px solid #090;
    width: 660px;
    color: #ffff00;
}
#info-error{
    background-color:#ff3333;
    padding:10px;
    float:left;
    margin:3px 0px 0px 260px;
    position:absolute;
    border:1px solid #cc0000;
    width: 660px;
    color: #ffff00;
}
#sidebar
{
    padding: 20px 20px 20px 0;
}
#logo
{
    padding: 10px 20px;
    font-size: 200%;
}
#mainmenu
{
    background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
    padding:6px 20px 5px 20px;
    margin:0px;
}
#mainmenu ul li
{
    display: inline;
}
#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px 8px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #6399cd;
    background-color:#EFF4FA;
    text-decoration:none;
}
div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}
div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}
div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}
div.flash-error a
{
    color:#8a1f11;
}
div.flash-notice a
{
    color:#514721;
}
div.flash-success a
{
    color:#264409;
}
div.form .rememberMe label
{
    display: inline;
    vertical-align:middle;
}
div.view
{
    padding: 4px;
    margin: 4px 5px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    -webkit-border-radius:4px;
    font-size: 12px;
}
div.viewProduct
{
    margin: 4px 5px;
    padding: 4px 0;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    -webkit-border-radius:4px;
}
div.product_item{
    float:left; 
    margin: 10px 2px;
    text-align: center;
    width: 98%;
}
div.product_item_code{
    padding:2px;
    font-size: 12px;
    color: #C0C0C0;
    font-weight: normal;
}
div.product_item_code span.code_label{
    font-weight: bold;
}
div.product_item_name a{
    font-size: 13px;
    color: #0099FF;
    text-decoration: none;
}
div.product_item_name a:hover{
    font-size: 13px;    
    color: #0066CC;
    text-decoration: underline;
}
div.product_item_price{
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}
div.product_item_price span.price_number{
    color: #ff0000;
}
div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}
.portlet
{

}
.portlet-decoration
{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}
.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}
.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}
.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.portlet-content li
{
    padding: 2px 0 4px 0px;
}
.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.operations li
{
    padding-bottom: 2px;
}
.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}
.operations li a:visited
{
    color: #0066A4;
}
.operations li a:hover
{
    background: #80CFFF;
}
div.image_zoom{
    text-align: center;
    margin: 0 auto;
    cursor: pointer;   
    width: 145px;
    /* border:1px dashed #CCC;
     border-radius: 4px;
     -webkit-border-radius:4px;*/
}
div.viewProduct div.image_zoom{
    text-align: center;
    margin: 0 auto;
    cursor: pointer;   
    width: 205px;

    /*   border:1px dashed #CCC;
       border-radius: 4px;
       -webkit-border-radius:4px;*/
}
div.icon_zoom{
    padding: 50px 0 0 40px !important;
    position: absolute;
    z-index: 10;
}
.news-topic-a{
    font-size: 12px;
    font-weight: bold;
    color: #0066FF;
    text-decoration: none;
}
.news-topic-a:hover{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}
div.row-file-link{
    margin: 10px auto 2px auto;
    text-align: left;
}
div.row-file-link a{
    font-size: 12px;
    font-weight: bold;
    color: #1B548D;
    text-decoration: none;
}
div.row-file-link a:hover{
    font-size: 12px;
    font-weight: bold;
    color: #800000;
    text-decoration: none;
}
div#content div.items span.empty {
    font-style: normal;
    color: #ff0000;
}
/*begin pagination*/
.list-view .pager{
    margin: 10px 0 10px 0;
    text-align: center;
    color: #808080;
}
ul.yiiPager {
    font-family: tahoma, 'ms sans Serif';
    font-size: 11px;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 100%;
    display: inline;
}
ul.yiiPager li {
    display: inline;
}
ul.yiiPager li.hidden a {
    border: solid 1px #0099FF;
    background-color: #ffffff;
    font-weight: normal;
    color: #0099FF;
    padding: 1px 6px;
    text-decoration: none;
    cursor: text;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: solid 1px #0099FF;
    font-weight: normal;
    color: #0099FF;
    padding: 1px 6px;
    text-decoration: none;
}
ul.yiiPager .page a {
    font-weight: normal;
}
ul.yiiPager a:hover {
    border: 1px #FF6600 solid;	
    background-color: #FF9146;
    color: #FFFFFF;
}
ul.yiiPager .selected a {
    border: 1px solid #0099FF; 
    background-color: #33ADFF;
    color: #FFFFFF;
    font-weight: normal;
}
ul.yiiPager .hidden a {
    border: solid 1px #DEDEDE;
    color: #888888;
}
/**
 * Hide first and last buttons by default.
*/
ul.yiiPager .first, ul.yiiPager .last {
    display: inline;
}
/*end pagination*/