@charset "UTF-8";
/* CSS Document */

/* general */
.more {background: url("../image/detail.png") no-repeat right; background-position: 100% 40%; padding-right: 16px; border: 0px;}  
article {font-size: 100%; font-size: 12px;}
article a {font-size: 90%} 
article ul {list-style: none; padding-left: 20px;}
article div.info {padding: 15px;}
div.pict {padding: 5px 0 15px; text-align: center; margin-left: auto; margin-right: auto;}


/*slideshow*/
/* div#slideshow {z-index: 1; position: relative; width: 100%; height: 100%; margin-bottom: 40px;}
#image_nav {margin: 0 auto; text-align: center; z-index: 3; height: 11px; padding-bottom: 15px;} */
div#slideshow {
    z-index: 1; 
    position: relative;
    /* width: 1100px; 12042013 comment */
    width: 850px;
    /* height: 100%; 12042013 comment */
    height: 250px; 
    /* margin-bottom: 40px; 12042013 comment */
    margin-bottom: 10px; 
    margin: 0 auto; 
    text-align: center;
}

#image_nav {
    margin: 0 auto; 
    text-align: center; 
    z-index: 3; 
    height: 11px; 
    padding-bottom: 15px;
}

#image_nav a {vertical-align: top; display: block; background: url("../image/dot.png") left top no-repeat; width: 9px; height: 11px; font-size: 0; text-indent: -9999px; visibility: none;}
* html #image_nav {top: 323px;}
*:first-child+html #image_nav{top: 323px;}
#image_nav a.activeSlide {background: url("../image/dot_active.png") left top no-repeat;}
#image_nav a:focus {}

#slideshow img {
    -moz-box-shadow: 0 2px 5px #595959; 
    -webkit-box-shadow: 0 2px 5px #595959; 
    -o-box-shadow: 0 2px 5px #595959; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -o-border-radius:6px; 
    -khtml-border-radius:6px; 
    border-radius: 6px; 
    behavior: url("border-radius.htc");
}

/*noscript*/
noscript#no_slide img {-moz-box-shadow: 0 2px 5px #595959; -webkit-box-shadow: 0 2px 5px #595959; -o-box-shadow: 0 2px 5px #595959; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius:6px; -khtml-border-radius:6px; border-radius: 6px; behavior: url("border-radius.htc");}
noscript#no_flash {float: right;}

/* introduction */
/*.flash {padding: 15px 0;}*/
/* article#introduction {width: 950px; height: 330px; padding: 0 30px 30px; display: block; margin: 0;} */
/* article#introduction {width: 1100px; height: 330px; padding: 0 30px 30px; display: block; margin: 0;} 12072013 comment */
article#introduction img#bt_vis {position: relative; left: 0; top: 7px;}
article#introduction ul li{padding-bottom: 1px;}
/* article#introduction div.info {float: right; width: 400px; position: relative; left: 10px;} */
article#introduction div.info {float: right; width: 550px; position: relative; left: 10px;}
/*article#introduction .style4 a {color: #333333;}
article#introduction a:hover {}
article#introduction a:active {}*/

article div.flash {float: right;}
article noscript#no_flash {float: right; margin: 25px; width: 470px; height: 260px;}
article#introduction2 {float:left; padding: 0 0 30px 30px;}

/* div#col {overflow: hidden; height: auto; width: 950px; padding: 5px 0 35px; margin: 0 auto; text-align: center;} */
div#col {overflow: hidden; height: auto; width: 1100px; padding: 5px 0 35px; margin: 0 auto; text-align: center;}
/* div#col article {width: 304px; float: left; padding: 0; border: solid #d6d6d6 1px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius: 4px; text-align: left; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; -o-box-shadow: 0 2px 2px #ccc;} */
div#col article {width: 354px; float: left; padding: 0; border: solid #d6d6d6 1px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius: 4px; text-align: left; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; -o-box-shadow: 0 2px 2px #ccc;}
div#col article ul {margin: 0 10px;}

article#service a, article#product a, article#aboutus a /*, article#cfd a*/{color: #464646;}
article#service p, article#product p, article#aboutus p /*, article#cfd p*/ {padding: 0 20px;}
article#service ul, article#product ul, article#aboutus ul /*, article#cfd ul*/{padding: 10px 30px;}
/* Services */
article#service {
    /* margin: 0 15px 0 0; 12042013 */
    margin: -55px 15px -25px 0; 
    background: url("../image/content_bg.png") left bottom repeat-x;
}
article#service img#bt_prdt1 {position: relative; left: 0; top: 0.5em; display: block; margin: 1em 0 16px 1em;}
article#service ul {color: red;}
article#service ul ul {list-style: none; padding: 2px 0px 2px 10px;}
article#service p a {padding: 0 10px 0 20px; color: #0078bf;}
article#service ul li a, article#services ul li ul li a{padding-right: 8px;}
/* product */
article#product {
    /* margin: 0 0px 0 0; 12042013 comment */
    margin: -55px 0 -25px 0;
    background: url("../image/content_bg.png") left bottom repeat-x;
}
article#product img#bt_prdt1 {position: relative; left: 0; top: 0.5em; display: block; margin: 1em 0 16px 1em;}
article#product ul {color: red;}
article#product ul ul {list-style: none; padding: 2px 0px 2px 10px;}
article#product p a {padding: 0 10px 0 20px; color: #0078bf;}
article#product ul li a, article#product ul li ul li a{padding-right: 8px;}
/* business -About us */
article#aboutus {
    /* margin: 0 15px 0 0; 12042013 comment*/
    margin: -55px 15px -25px 0; 
    background: url("../image/content_bg.png") left bottom repeat-x;
}
article#aboutus img#aboutus_image {position: relative; left: 0; top: 0.5em; margin: 1em 0 16px 1em; display: block;}
article#aboutus ul li a {padding-right: 8px;}
article#aboutus ul li {color: red;}
article#aboutus ul {padding-bottom: 30px;}
article#aboutus div.info {padding: 9px 15px 0px;}
/*article#business ul {list-style: none;}*/

/* business - About Us */
/*article#cfd{margin: 0 0 0 15px; background: url("../image/content_bg.png") left bottom repeat-x;}
article#cfd  div.info p a {color: #0078bf;}
article#cfd img#aboutus_image {position: relative; left: 0; top: 0.5em; margin: 1em 0 10px 1em; display: block;}
article#cfd div.info {padding: 9px 15px 0px;}
*/