@charset "utf-8";

body {
	margin: 0;
    padding: 0;
    background:#000;
}

body #layout {
	width:100%;
	background: #000;
    color: #FFF;
}

.clearfix:after{ content: ""; display: block; clear: both;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

/*top*/
#layout #top {
	float:left;
	width:90%;
	height:auto;
    
}

/*banner*/
#layout #banner {
	display: none;
}

/*sidebar*/
#layout #sidebar {
	display: none;
}
#layout #sidebar .nav {
	float:left;
	width:289px;
	height:20px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#666;
	padding-top:6px;
}
#layout #sidebar .sidebar_header {
	float:left;
	width:190px;
	height:25px;
	background-image:url(../images/about-us_16.gif);
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;/*強制大寫*/
	font-size:14px;
	color:#fff;
	margin-top:13px;
	padding:8px 0 0 20px; 
}
#layout #sidebar .sidebar_btn {
	float:left;
	width:190px;
	margin-top:11px;
}
#layout #sidebar .sidebar_btn li a {
	width:190px;
	height:20px;
	background:#fff;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666;
	display:block;
	padding:9px 0 0 20px;
}
#layout #sidebar .sidebar_btn li a:hover {
	background:#ffcc99;
	color:#000;
}


/*main*/
#layout #main {
	float:left;
	max-width:95%;
/*	background-image:url(../images/p_04.gif);*/
	background-repeat:no-repeat;
	/*height:400px;
	background:#999;*/
    background: #000;
    padding: 10px;
    word-wrap:break-word; /*行動裝置強制段行*/
}

#layout #main img {
    /*display: none;*/
    /*width: 70%;
    height: 70%;*/
    /*float:left;*/
    margin: 5px;
}
#layout #main img.icon {
    display: none;
}

#layout #main.nobg {
	background-image:none;
}
#layout #main #main_header1 {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout #main #main_content1 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout #main #main_content1.w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}*/

#layout #main #main_content1 p {
	margin-bottom:16px;
}


#layout #main #main_header2 {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout #main #main_content2 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout #main #main_content2.w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}*/

#layout #main #main_content2 p {
	margin-bottom:16px;
}


#layout #main #main_header3 {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout #main #main_content3 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout #main #main_content3.w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}*/

#layout #main #main_content3 p {
	margin-bottom:16px;
}

#type2img {
    display: none;
}
.mobilenone {
    display: none;
}


/*class=main*/
#layout .main {
	float:left;
	width:90%;
/*	background-image:url(../images/p_04.gif);*/
	background-repeat:no-repeat;
	/*height:400px;
	background:#999;*/
    background: #000;
    padding: 10px;
}
#layout .main img {
    /*display: none;*/
    /*width: 50%;
    height:50%;*/
    /*float:left;*/
    margin: 5px;
}
#layout .main img.icon {
    display: none;
}
#layout .main.nobg {
	background-image:none;
}
#layout .main .main_header {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout .main .main_content {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout .main .main_content .w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;*/
}

#layout .main .main_content p {
	margin-bottom:16px;
}


#layout .main .main_header2 {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout .main .main_content2 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout .main .main_content2.w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;*/
}

#layout .main .main_content2 p {
	margin-bottom:16px;
}


#layout .main .main_header3 {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout .main .main_content3 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
/*#layout .main .main_content3.w681 {
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;*/
}

#layout .main .main_content3 p {
	margin-bottom:16px;
}

/*News*/
#layout #main .main_content .news01 {
	width:100%;
	padding:13px 0 0 0;
}
#layout #main .main_content h3 {
	width:100%;
	padding:5px 0 5px 5px;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:10px;
	background:#DFDFDF;
	color:#ff6600;
}
#layout #main .main_content_w300 h4 {
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:5px;
	color:#ff6600;
    padding:5px 0 5px 5px;
}
#layout #main .main_content .news01 li {
	margin:0 0 5px 0px;
}
#layout #main .main_content .news02 {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
}
#layout #main .main_header {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
    color:#ff6600;
    padding:5px 0px 10px 5px;
}
#layout #main .main_content {
	float:left;
	width:100%;
	padding:0px 0px 0 0px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:30px;
    word-break: break-all;
}
/*#layout #main .main_content_w300 {
	float:left;
	width:100%;
	padding:0px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	margin-bottom:30px;
}*/
.style_01 {
    width:100%;
}


/*catalogu*/
#layout #main #main_header {
	float:left;
	width:100%;
	/*height:26px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	border-bottom:solid 1px #999;
	margin-right:0px;
    color:#ff6600;
    padding-bottom: 10px;
}
#layout #main #main_header .box_03 {
  	border-radius:5px;
  	background-color:#ff6600;
	/*width: 102px;
  	height: 21px;*/
	text-align:center;
	color:#fff;
	padding:3px 10px;
    font-size:1rem;
}
#layout #main #main_content1.catalogu {
	float:left;
	width:100%;
}
#layout #main /*#main_content1.catalogu*/ h1 {
	text-transform:uppercase;/*強制大寫*/
	font-weight:bold;
	color:#fff;
	background:#ff6600;
	width:100%;
	padding:5px;
    font-size: 1.5rem;
	
}
#layout #main /*#main_content1.catalogu*/ .d01 {
	float:left;
	text-align:center;
	margin-right:30px;
	line-height:16px;
}
#layout #main /*#main_content1.catalogu*/ .download {
	background:#ff6600;
	/*background-repeat:no-repeat;*/
	padding:8px 10px 8px 25px;
	line-height:42px;
	color:#fff;
    font-size:0.9rem;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#layout #main /*#main_content1.catalogu*/ a.download:hover {
	color:#fff;
    background:#ff6600;
}

/*  */
#layout #main #main_content2 {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:16px;
	margin-bottom:30px;
}

#layout #main #main_content.w750 {
    width:100%;
    float:left;
	padding:0px 0px 0 0px;
    background: #fff;
}

/*#layout #main #main_content2 p {
	margin-bottom:16px;
}*/




/*#layout #main #main_content2 h1 {
	font-size:1rem;
	color:#ff6600;
	margin-bottom:20px;
}
#layout #main #main_content2.catalogu {
	float:left;
	width:100%;
}
#layout #main #main_content2.catalogu h1 {
	text-transform:uppercase;/*強制大寫*//*
	font-weight:bold;
	color:#fff;
	background:#ff6600;
	width:100%;
	padding:5px;
	
}
#layout #main #main_content2.catalogu .d01 {
	float:left;
	text-align:center;
	margin-right:30px;
	line-height:16px;
}
#layout #main #main_content2.catalogu .download {
	background:#ff6600;
	/*background-repeat:no-repeat;*//*
	padding:8px 10px 8px 25px;
	line-height:42px;
	color:#fff;
    font-size:0.9rem;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#layout #main #main_content2.catalogu a.download:hover {
	color:#fff;
    background:#ff6600;
}

/*  *//*
#layout #main #main_content3 {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:16px;
	margin-bottom:30px;
}


#layout #main #main_content3 p {
	margin-bottom:16px;
}




#layout #main #main_content3 h1 {
	font-size:1rem;
	color:#ff6600;
	margin-bottom:20px;
}
#layout #main #main_content3.catalogu {
	float:left;
	width:100%;
}
#layout #main #main_content3.catalogu h1 {
	text-transform:uppercase;/*強制大寫*//*
	font-weight:bold;
	color:#fff;
	background:#ff6600;
	width:100%;
	padding:5px;
	
}
#layout #main #main_content3.catalogu .d01 {
	float:left;
	text-align:center;
	margin-right:30px;
	line-height:16px;
}
#layout #main #main_content3.catalogu .download {
	background:#ff6600;
	/*background-repeat:no-repeat;*//*
	padding:8px 10px 8px 25px;
	line-height:42px;
	color:#fff;
    font-size:0.9rem;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#layout #main #main_content3.catalogu a.download:hover {
	color:#fff;
    background:#ff6600;
}
/*  *//*
#layout #main #main_content3 {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
	line-height:16px;
	margin-bottom:30px;
}


#layout #main #main_content4 p {
	margin-bottom:16px;
}


#layout #main #main_content4 h1 {
	font-size:16px;
	color:#ff6600;
	margin-bottom:20px;
}
#layout #main #main_content4.catalogu {
	float:left;
	width:100%;
}
#layout #main #main_content4.catalogu h1 {
	text-transform:uppercase;/*強制大寫*//*
	font-weight:bold;
	color:#fff;
	background:#ff6600;
	width:100%;
	padding:5px;
	
}
#layout #main #main_content4.catalogu .d01 {
	float:left;
	text-align:center;
	margin-right:30px;
	line-height:16px;
}
#layout #main #main_content4.catalogu .download {
	background:#ff6600;
	/*background-repeat:no-repeat;*//*
	padding:8px 10px 8px 25px;
	line-height:42px;
	color:#fff;
    font-size:0.9rem;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    
}
#layout #main #main_content4.catalogu a.download:hover {
	color:#fff;
    background:#ff6600;
}*/

/*contact*//*
#layout #main #main_content {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:16px;
	margin-bottom:30px;
}
#layout #main #main_content.w681 {
	float:left;
	width:100%;
	padding:13px 0px 20px 0px;
}

#layout #main #main_content p {
	margin-bottom:16px;
}*/



/*#layout #main #main_header2 {
	float:left;
	width:100%;
	height:26px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	border-bottom:solid 1px #999;
	margin-right:21px;
}
#layout #main #main_content2 {
	float:left;
	width:100%;
	padding:13px 0px 0 0;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:16px;
	margin-bottom:30px;
}
#layout #main #main_content2.w681 {
	float:left;
	width:100%;
	padding:13px 0px 20px 0px;
}

#layout #main #main_content2 p {
	margin-bottom:16px;
}*/




/*#layout #main #main_content.w656 {
	float:left;
	width:100%;
	padding:13px 0px 20px 5px;
}*/


#layout #main /*#main_content*/ .contact {
	float:left;
	width:100%;
	margin:0 0 0 0px;
	line-height:21px;
}
#layout #main /*#main_content*/ .map {
	float:left;
	width:188px;
	height:149px;
	padding:5px;
	border:solid 1px #999;
	margin:0 0 0 0px;
}
#layout #main /*#main_content*/.form {
	float:left;
	text-align:left;
	width:100%;
	margin:0 0px 0 0x;
	line-height:28px;
}
#layout #main /*#main_content*/ button.button {
	 float:left; 
	 background:#FF6600; 
	 width:100%; 
	 height:40px; 
	 text-align:center; 
	 color:#fff;
	 border:none;
	 cursor:pointer;
    font-size: 1.5rem;
    margin: 10px;
}
#layout #main /*#main_content*/ button.button:hover {
	 background:#cc6600; 
}
#layout #main /*#main_content*/ button.button img {
    width: 20px;
    height: 20px;
}





/*#layout #main #main_content2.w656 {
	float:left;
	width:100%;
	padding:13px 0px 20px 5px;
}


#layout #main #main_content2 .contact {
	float:left;
	width:100%;
	margin:0 0 0 0px;
	line-height:21px;
}
#layout #main #main_content2 .map {
	float:left;
	width:188px;
	height:149px;
	padding:5px;
	border:solid 1px #999;
	margin:0 0 0 50px;
}
#layout #main #main_content2.form {
	float:left;
	text-align:left;
	width:100%;
	margin:0 0px 0 0x;
	line-height:28px;
}
#layout #main #main_content2 button.button {
	 float:left; 
	 background:#FF6600; 
	 width:94px; 
	 height:28px; 
	 text-align:center; 
	 color:#fff;
	 border:none;
	 cursor:pointer;
}
#layout #main #main_content2 button.button:hover {
	 background:#cc6600; 
}*/

#layout #main #main_content2 input {
    font-size: 1rem;
    width:95%;
    margin-bottom: 10px;
}
#layout #main #main_content2 textarea {
    font-size: 1rem;
    width:100%;
    height: 100%;
    margin-bottom: 10px;
}
/*#layout #main #main_content2 input.input_w440 {
    width:100%;
}
#layout #main #main_content2 input.input_w300 {
    width:100%;
}
#layout #main #main_content2 input.input_w200 {
    width:100%;
}
#layout #main #main_content2 textarea.textarea_w438 {
    width:100%;
}*/

/*product*/
#layout #main #main_content3.w656 {
	float:left;
	width:100%;
	padding:13px 0px 20px 5px;
}
#layout #main #main_content3 li.img07gif {
	background-image:url(../images/p_07.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	vertical-align:top;
	margin-bottom:10px;
}
#layout #main #main_content3 li.head {
	/*float:left;*/
	margin:10px 0px 10px 0px;
}
#layout #main #main_content li.img07gif {
	background-image:url(../images/p_07.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	vertical-align:top;
	margin-bottom:10px;
}
#layout #main #main_content li.head {
	/*float:left;*/
	margin:10px 20px 10px 0px;
}
#layout #main #main_content.w676 {
	float:left;
	width:100%;
	padding:13px 0px 0 5px;
}
#layout #main #main_content .product_box01 {
	float:left;
	margin:30px 85px 40px 0;
}
/*#layout #main #main_content .product_box02 {
	float:left;
	margin:10px 20px;
    padding: 5px;
}*/
#layout #main #main_content .product_name01 {
	font-size:12px;
	margin-top:35px;
	line-height:18px;
}

/*#layout #main #main_content .product_name02 .headyes {
	border:solid 1px #000;
	background:#000;
	color:#fff;
	text-align:center;
	padding:2px;
}
#layout #main #main_content .product_name02 .headno {
	border:solid 1px #000;
	background:#fff;
	color:#000;
	text-align:center;
	padding:2px;*/
}
#layout #main #main_header .box_03 {
  	border-radius:7px;
  	background-color:#ff6600;
	/*width: 102px;
  	height: 21px;*/
	text-align:center;
	color:#fff;
	padding:5px 15px 5px 15px;
}
#layout #main .bottombtn {
	float:left;
	width:231px;
	border-top:solid 1px #666;
	padding:20px 0 0 450px;
	font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:12px;
}
#layout #main .bottombtn a.round01 {
	float:left;
	width:14px;
	height:14px;
	color:#fff;
	background-image:url(../images/p_10.gif);
	text-align:center;
	margin-right:2px;
	display:block;
}
#layout #main .bottombtn a.round01:hover {
	background-image:url(../images/p_10hover.gif);
}

#layout #main /*#main_content3*/ li.head {
	/*float:none;*/
	margin:10px 20px 10px 0px;
}
#layout #main /*#main_content3*/ li img {
    width: 30px;
    height: 30px
}
#layout #main /*#main_content3*/ li .imgbg {
    padding:2px; 
    background-color:#fff;
    color:#000; 
    margin-left:5px; 
    text-align:center;
}
#layout #main #main_content .product_box02 {
    font-family:Gotham, "Arial", Helvetica, Arial, sans-serif;
	font-size:1rem;
    color: #000;
    float:left;
	margin:10px 20px;
    padding: 5px;
    width: 210px;
}
#layout #main #main_content .product_box02 .img_right {
    display: inline-block;
}

#layout #main #main_content .product_box02 .p_09 {
    max-width: 40px;
    max-height: 40px;
    padding: 5px;
    border: solid 1px #999;
    vertical-align:bottom;
}
#layout #main #main_content .product_box02 .img_size {
    cursor:pointer; 
    margin: 0px 5px;
    max-height: 160px;
    max-width: 160px;
}
#layout #main #main_content .product_name02 {
	font-size:12px;
	margin: 10px 0 0 0;
	line-height:18px;
    max-width: 180px;
}

#layout #main #main_content .product_name02 .headyes {
	border:solid 1px #000;
	background:#000;
	color:#fff;
	text-align:center;
	padding:2px;
    font-size: 0.5rem;
}
#layout #main #main_content .product_name02 .headno {
	border:solid 1px #000;
	background:#fff;
	color:#000;
	text-align:center;
	padding:2px;
    font-size: 0.5rem;
}

#layout #main #main_content .product_name02 h1 {
    color: #fff;
    background: none;
    margin-top: 10px;
}
.memo_01 {
    width:185px; 
    float:left; 
    margin-top:10px;
}
.memo_02 {
    width:185px; 
    float:left; 
    margin-top:10px;
}

#inndiv {
    /*float:left;*/
    width:100%;
    text-align: left;
    /*background-color:#fff;*/
    /*padding-right:10px*/
}
#inndiv .text-align {
    text-align:left;
}
#inndiv #innimg {
    max-width: 300px; 
    max-height: 300px;
}

/*product-in*/
#layout #main #main_content.inw656 {
	float:left;
	width:100%;
	padding:13px 0px 0px 0px;
}

#layout #main #main_content h1 {
	font-size:16px;
	color:#ff6600;
	margin-bottom:20px;
}
#layout #main #main_content h2 {
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
}
#layout #main #main_content li.disc {
	list-style-type:disc;
	/*padding:0 0 0 20px;*/
	vertical-align:top;
	margin-bottom:5px;
	margin-left:15px;
}
#layout .main /*#main_content1.catalogu*/ h1 {
	/*text-transform:uppercase;強制大寫*/
	font-weight:bold;
	color:#fff;
	/*background:#ff6600;*/
	width:100%;
	padding:5px;
    font-size: 1.5rem;
	
}
.box_001 {
    display: none;
}
.box_002 {
    color:#ff6600;
    margin-bottom:5px;
    width: 100%;
    display:inline-block;
}
.box_003 {
    font-size: 1rem;
    display:inline-block;
    border: solid 1px #ff6600;
    padding: 5px;
}

.addtobtn a {
	float:left;
	background-image:url(../images/p42.jpg);
	width:145px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	padding:8px 0 0 40px;
	height:22px;
}
.addtobtn a:hover {
	background-image:url(../images/p42_hover.jpg);
}
.insertqtybox {
	float:left;
	background:#D3D3D3;
	width:180px;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding:5px 0 0 5px;
	height:25px;
	margin-top:10px;
	margin-bottom:10px;
}

/*footer*/
#footer {
	/*float:left;*/
}

.table {
    display: block;
}
.tr {
    display: block;
    border-bottom:0px solid #eee
}
.td {
    display: block;
}