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

h1,h2,h3,h4,h5,h6,ul,li,body{
padding:0px;
margin:0px;
}

.hide{
	display:none;
}
.hand{
	cursor:pointer;
}
/*--------- Next Page ---------*/
table.next_page td img{
	vertical-align:middle;
}
table.next_page {
	margin:0 20px 10px 0;
	padding-right:30px;
	
}
/*--------------- Cart ---------------------*/
#cart table thead td{
	font-size:13px;
	font-weight: normal;
	color:#833E65;
	font-weight:bold;
	padding:7px;
	border:#7E858E solid 1px;
	background-color:#E8D3DF;
	border-right: none;
}
#cart table thead td.td_end{
		border-right:#7E858E solid 1px;
}
#cart table#shopping_cart{
	border-right:solid 1px #CCC;
	border-bottom:#CCC solid 1px;
}
#cart table#shopping_cart select{
	margin:2px 0 0 2px;
}

input.price-a {
	text-align:center;
	border: #FFF solid 1px;
}
#cart table#shopping_cart td.view{
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}
#cart table tbody{
	font-size:13px;
	font-weight: normal;
}
#cart table tbody table.data_detail td{
	text-align:left;
border:none;
}
#cart table tr.sumary td{
border:none;
}
#cart table tbody td{
border-left:solid 1px #CCCCCC;
vertical-align:middle;

}
#cart table tbody  tr.data_cart td{
	border-bottom:solid 1px #CCC;
}
#cart table tbody  tr.data_cart td .data_detail td{
	border-bottom:none;
}
#shopping_cart tr.product_list td{

border-bottom:#A7A7A7 solid 1px;
} 

#data_shipping table td input,
#data_shipping table td textarea{
width:100%;
}
table#shopping_cart table.data_detail td{
border-bottom:none;
padding:3px;
font-size:11px;
line-height:120%;
vertical-align:top;
color:#666666;
}
table#shopping_cart td.data_detail img{
float:left;
margin-right:5px;
border:1px #CCCCCC solid;
}
#cart table tbody  a{
	text-decoration:none;
	color:#666666;
	font-size:12px;
	font-weight:600;
}
#cart table tbody  a:hover{
	text-decoration: underline;
}
#cart table#shipping{
	border:#35414F solid 1px;
	background-color:#E2E4E6;
}
#cart table#shipping thead td{
background-color:#4F5A66;
color:#FFF;
}
#cart table#shipping td{
border-bottom: solid 1px #CCCCCC;
padding:5px;
}
#cart table#shipping td#bt_order input{
	font-size:10px;
}
#cart #chk_coupon input{
	float: left;
}
#cart #chk_coupon input div{
	float:left;
}
/*--------- end cart --------------*/
/*------------ Webboard -------------*/

h2#webboard{
	text-align:left;
	background-image:url(../images/20.png);
	background-repeat:no-repeat;
	height:23px;
	margin:0 0 0 40px;
	padding:20px 0 0 50px;
	font-size:12px;
	font-weight:bold;
	color:#8351A1;
	
}
body .display_none{
	display:none;
}
body .width_max{
	width:95%;
}

body #webboard_list{
	margin:0 40px 20px 20px;
}
body #webboard_list #bt_create_toppic{
	text-align:right;
	margin:-5px 0 5px 0;

}

body #webboard_list tr.subj td{
	padding:4px 0 0 0;
	vertical-align:top;
	background-image:url(../images/webboard_topbar.png);
		background-position:top;
	background-repeat:repeat-x;
	height:26px;
	font-weight:bold;
	color:#FFF;
	background-color:#54163F;
}
body #webboard_list a,body #webboard_list a:visited{
	font-weight:bold;
	font-size:12px;
	color:#8457A1;
}
body #webboard_list a:hover{
	color:#903F6F;
}
body #webboard_list #board_list tr.toppic_hold td a,
body #webboard_list #board_list tr.toppic_hold td a:visited{
	color:#F90;
	
}
body #webboard_list #board_list tr.toppic_hold td a:hover{
	color:#FFF
	
}
body #webboard_list h2{
	height:5px;
	background-image:url(../images/webboard_10.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:15px 0 0 0;
}
body #webboard_list #board_list{
	background-color:#FFF;
	border:solid 1px #721D51;
	margin:-3px 0 0 0;
}

body #webboard_list #board_list td{
	padding:5px;
}


body #webboard_list #board_list tr.toppic_hold td{
	color:#FFF;
	background-color:#903F6F
}

body #webboard_list #board_list tr td .by{
	margin:3px 0 0 0;
	font-size:10px;
	font-weight:normal;
}
body #webboard_list #board_list tr td .by img{
	vertical-align:middle;
	margin:0 0 0 0;
}
body #webboard_list #board_list tr td .by img.time{
	margin:0 0 0 10px;
	
}
body h2 img{
	float:right;
	cursor:pointer;
	margin:0 0 0 0;
}
body #add_toppic{
	
}
/*
body #add_toppic h2{
	margin:0px;
	padding:20px 0 0 0;
	height:30px;
}
*/
body #add_toppic table{
	margin:-3px 0 10px 0;
	width:690px;
	clear:both;
	border:solid 1px #721D51;
	
}
body #add_toppic table td{
	padding:5px;
}
body #add_toppic table td:first-child{
	color:#FFF;
}

body #answer{
	margin:0 40px 10px 40px;
	overflow:hidden;
	clear:both;
	height:auto;
}
body #answer h2{
	padding:70px 0 0 40px;
	text-align:left;
	margin:0px;
	background-image:url(../images/webboard_19.png);
	background-repeat:no-repeat;
	height:35px;
	font-size:13px;
	font-weight:bold;
}
body #answer #toppic_detail{
	clear:both;
	font-weight:normal;
	text-align:left;
	padding:0 5px 10px ;
	border:#C65D9F solid 1px;
	background-color:#E8BED8;

	color:#503919;
	overflow:hidden;
	height:auto;
}
body #answer #toppic_detail .by{
	background-color:#9C2668;
	font-size:10px;
	font-weight:bold;
	padding:3px;
	color:#fff;
	border-bottom:#ECCBE0 solid 1px;
	
}
body #answer #toppic_detail .by img{
	vertical-align:middle;
	margin:0 0 0 20px;

}
body #answer #toppic_detail .by img:first-child{
	margin:0px;
}
body #comment div.subject{
	clear:both;
	text-align:left;
	padding:3px 0 0 10px;
	background-color:#B3DC63;
	background-image:url(../images/webboard_20.png);
	margin:0 40px 0 40px;
	border-top:#698B22 1px solid;
	color:#333;
}

body #comment .comment_detail{
	background-color:#E8F4CF;
	text-align:left;
	margin:0 40px 10px 40px;
	color:#333;
	padding:0 10px 10px 10px;
}
body #comment #bar_comment{
	background-image:url(../images/webboard_21.png);
	overflow:hidden;
	height:69px;
	background-position:left;
	background-repeat:no-repeat;
}
body  form#add_comment table{
	background-color:#FFF;
	clear:both;
	margin:0 40px 10px 40px;
	overflow:hidden;
	border:solid 1px #CCC;
	width:638px;
}
body form#add_comment td{
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

body #comment td:first-child{
	color:#FFF;
	font-weight:bold;
}

body #comment #btn-ajax,body #comment #back{
	font-size:11px;
	cursor:pointer;
	width:120px;
}
body #comment #btn-ajax{
	margin:0 0 0 300px;
}

body .next_page img{
	vertical-align:middle;
}
/*------------- End Webbaord----------------*/

body{
	background-image:url(../images/02.png);
	background-repeat:repeat-x;
	background-position:top;
}
h1 u{
	display:none;
}
h1{
	background-image:url(../images/01.png);
	height:10px;
}
	
#body{
	width:950px;
	margin:-5px auto 0px auto;
	background-image:url(../images/03.png);
	background-position:top;
	background-repeat:no-repeat;
	min-height:500px;
}
#top_content{
	overflow:hidden;
	height:auto;
}
#top_content #left{
	width:162px;
	float:left;
	position:relative;
}
#top_content #left ul{
	background-image:url(../images/05.png);
	background-position:right;
	background-repeat:no-repeat;
	width:142px;
	height:240px;
	margin:-25px 0 0 20px;
}
#top_content #left ul li{
	padding:0px;
	list-style:none;
	margin:0 5px 0 10px;
	height:22px;
	overflow:hidden;
	border-bottom:dotted 1px #FFF;
	list-style:disc;
	background-image:url(../images/13.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#top_content #left ul li.subj{
	padding:13px 3px 0 0;
	background-image:none;
	color:#EEA009;
	font-weight:bold;
	border-bottom:none;
	height:26px;
	text-align:right;
}

#top_content #right{
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0 0 0 0px;
	width:787px;
}

#top_content #right #slogan{
	margin:10px 65px 0 0;
	text-align:right;
	
}

#top_content #right #menu{
	background-image:url(../images/14.png);
	background-repeat:no-repeat;
	width:727px;
	margin:0 60px 0 0;
	float:right;
	height:47px;
}
#top_content #right #menu li{
	list-style:none;
	float:left;
	margin:-5px 0 0 0;
	width:175px;
	text-align:center;
	
}
#top_content #banner{
	width:757px;
	height:451px;
	clear:both;
	margin:0px 0 0 0;
	padding:0px;
}
#main #content{
	overflow:hidden;
	float:left;
	height: auto;
	width:680px;
	margin:-60px 0 0 0;
}
#main #content h2{
	background-image:url(../images/21.png);
	background-position: bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:13px;
	font-weight:bold;
	margin:0 0 0 20px;
	color:#036;
	text-align:left;
	position:relative;
	height:60px;
	
}
#main #content h2 u{
	margin:0 0 0 -10px;
	text-decoration:none;
}
#main #content h2 img{
	float:left;
	vertical-align: baseline;
}

#main #content #title_home{
	padding:0 0 0 30px;

	
}
#main #content #title_home p{
	float:left;
	overflow:hidden;
		line-height:167%;
	width:312px;
	padding:8px;
	background-color:#E5E5E5;
	border: solid 1px #999;
	color:#333;
	
}
#main #content #title_home img{
	margin:0 10px 0 0;
	float:left;
}

#mix_car{
	margin:0 0 0 -10px;
}
#main  #right{
	margin:-5px 0 0 0;
	float:left;
	width:224px;
	overflow:hidden;
}
#main  #right #news{
	width:224px;
	height:132px;
	background-image:url(../images/25.png);
	background-repeat:no-repeat;
	padding:50px 0 0 0;
}
#main  #right #news ul {
	margin:40px 0 0 0;
	height:120px;
	
}
#main  #right #news ul li{
	background-image:url(../images/41.png);
	background-position:center left;
	background-repeat:no-repeat;
	height:46px;
	float:left;
	list-style:none;
	line-height:115%;
	width:198px;
	font-size:11px;
	color:#FFF;
	padding:10px 10px 10px 10px;
	margin:0 0 20px 3px;
}

#main  #right #news ul li img{
	float:left;
	border:solid 2px #FFF;
	margin:0 10px 0 0;
}
#main  #right #news ul li a,
#main  #right #news ul li a:visited{
	color:#FFF;
	font-weight:bold;
}
#main  #right #news ul li a:hover{
	color:#CCC;
}
#footer{
	clear:both;
	background-image:url(../images/28.png);
	width:770px;
	height:61px;
	padding:20px 0 0 80px;
	
}
#footer #title{
	font-size:11px;
	font-weight:bold;
}
#footer #address{
	font-size:10px;
	line-height:120%;
	padding:5px 0 0 0;
	color:#555;
	float:left;
	width:400px;
	
}
#footer  #copyright{
	margin:5px 0 0 0;
	font-size:10px;
	text-align:right;
	color:#666;
		line-height:120%;
	
	
	
}

#footer  #copyright a,
#footer  #copyright a:visited{
	margin:0 10px 0 10px;
	color:#555;
}

#footer  #copyright a:hover{
	color:#333;
}

#main .content{
	width: 680px;
	min-height:100px;
	
}


#main .content #about_text{
	width:549px;
	height: auto;
	overflow:hidden;
	margin:0 0 0 80px;
	padding-bottom:20px;
	background-image:url(../images/30.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#main .content #about_text img{
	float:left;
	margin:0 5px 0 0;
}
#main .content #about_company{
	margin:20px 40px 0 80px;
	
	
}
#main .content #about_company img#company{
	float:left;
	margin:0 10px 0 0;
}
#main .content #contact_form{
	background-image:url(../images/35.png);
	width:620px;
	height:390px;
	margin:0 0 0 50px;
}
#main .content #contact_form table{
	margin:10px 0 0 40px;
}
#main .content #contact_form table .subj{
	color:#FFF;
	font-weight:bold;
	text-indent:15px;
}

#main .content #contact_form table td{
	padding:10px 0 0 0;

}
#main .content #contact_form table td.title{
	font-weight:bold;
}
#main .content #contact_form table td input{
	width:190px;
}
#main .content #contact_form table td textarea{
	width:190px;
	height:90px;
}
#main .content #contact_form table td h3{
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#16365E;
}
#main .content #contact_form table td p{
	margin:5px 0 15px 10px;
	font-size:12px;
	color:#666;
	line-height:175%;
	
}
#main .content #map{
	background-image:url(../images/36.png);
	background-repeat:no-repeat;
	background-position: right top;
	padding:0 0 0 0;
	overflow:hidden;
	
}
#main .content #map #map_a{
	margin:30px 0 0 0;
	float:right;
	border:#16365E solid 2px;
	width:610px;
	height:250px;
	
}
#main .content #map_2{
	background-image:url(../images/45.png);
	background-repeat:no-repeat;
	background-position: right top;
	padding:0 0 0 0;
	margin:20px 0 0 0;
	width:670px;
	height: auto;
	overflow:hidden;

	
	
	
}
#main .content #map_2 #map_b{
	margin:30px 0 0 0;
	float:right;
	border:#5E1649 solid 2px;
	width:610px;
	height:250px;
	
}
#product_list {
	margin:0 0 0 50px;
	
}
#product_list .product_box{
	background-image:url(../images/37.png);
	background-repeat:no-repeat;
	width:617px;
	height:151px;
	padding:10px 0 0 10px;
	margin:0 0 10px 0;
	
}
#product_list .product_box ul {
	
	
}
#product_list .product_box ul li{
	list-style:none;
}
#product_list .product_box ul li.photo{
	float:left;
	width:285px;
	height:135px;
	overflow:hidden;
	
}
#product_list .product_box ul li.photo img{
	border:solid 2px #E1E5F0;
	margin:2px 0 0 5px;
	max-height:128px;
}
#product_list .product_box ul li.name{
	margin:7px 0 0 35px;
	overflow:hidden;
	font-weight:bold;
	color:#003271;
	width:270px;
	float:left;
	
}
#product_list .product_box ul li.detail{
	width:300px;
	float:left;
	overflow:hidden;
	margin:7px 0 0 15px;
	height:80px;
}
#product_list .product_box ul li.more{
	width:310px;
	text-align:right;
	float:left;
}
#product_list .product_box ul li.more a{
	font-weight:bold;
}


#product_detail{

	width:623px;
	margin:0 0 0 50px;
	
	
}
#product_detail #product_photo{
	background-repeat:no-repeat;
	background-position:top;
		width:623px;
	height:298px;
	padding:0 0 0 0;
	text-align:center
}
#product_detail #product_photo td{
	text-align:center;
	height:290px;
}
#product_detail #product_photo img{
	vertical-align:baseline;
	
}

#product_detail h3{
	background-image:url(../images/40.png);
	background-repeat:no-repeat;
	width:590px;
	height:20px;
	font-size:12px;
	color:#002F6A;
	margin:-28px 0 0 0;
	text-indent:30px;
}
#product_detail #text_detail{
	background-color:#DFDFDF;
	border:solid 1px #ccc;
	padding:15px;
	width:520px;
	margin:-2px 0 0 32px;
	
}
#news_detail #photo {
	text-align:center;
}
#news_detail #photo img{
	border:solid 2px #666;
	max-width:500px;
	
}
#news_detail #detail{
	background-color:#E6E6E6;
	border:solid 1px #ccc;
	padding:10px;
	margin:5px 0 0 0;
}


#slide{
	height:290px;
	width:610px;
	margin:0px 20px 0 0;
	text-align:center;
}




#main .content #contact_form_2{
	background-image:url(../images/42.png);
	width:620px;
	height:390px;
	margin:0 0 0 50px;
}
#main .content #contact_form_2 table{
	margin:10px 0 0 40px;
}
#main .content #contact_form_2 table .subj{
	color:#FFF;
	font-weight:bold;
	text-indent:15px;
}

#main .content #contact_form_2 table td{
	padding:10px;

}
#main .content #contact_form_2 table td.title{
	font-weight:bold;
}
#main .content #contact_form_2 table td input{
	width:190px;
}
#main .content #contact_form_2 table td textarea{
	width:190px;
	height:90px;
}
#main .content #contact_form_2 table td h3{
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#16365E;
}
#main .content #contact_form_2 table td p{
	margin:5px 0 15px 10px;
	font-size:12px;
	color:#666;
	line-height:175%;
	
}

#quot{
	position:relative;
	height:30px;
	font-weight:bold;
	color:#B15D18;
	text-align:right;
	margin:-5px 100px 0 0;
}
#call_us{
	margin:15px 0 0 35px;
	
}
#call_us img#logo_line{
	float:left;
	margin:0 28px 0 0;
	overflow:hidden;
	width:99px;
	border:1px solid #333;
}

#call_us h3{
	float:left;
	overflow: hidden;
	width: 500px;
}
#call_us ul{
	float:left;
	overflow:hidden;
	width:220px;
	margin:10px 25px 0 0;
	
}

#call_us ul li{
	margin:0 0 5px 0;
	
}

#call_us ul li a,
#call_us ul li a:visited{
	color:#333;
	
}
#top_content #left ul li img {
    vertical-align: top;
    margin: -1px 0 0 0!important;
}
.qr{
	width:100px;
}

/*
img{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);	
}
html,body,div{
 filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    filter: url(resources.svg#desaturate); 
    filter: gray;
    -webkit-filter: grayscale(1); 
}


body{
	background-image:url(../images/gray-02.png);
	background-repeat:repeat-x;
	background-position:top;
}
*/