@charset "utf-8";
body {
	margin:0px;
	font-family: Arial, Helvetica, Microsoft JhengHei;
	font-size: 15px;
	line-height:20px;
}

A {
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, Microsoft JhengHei;
	color:#494645;
}

a:hover{
	color:#e95042;
	}
	
.none{
	height:400px;
	color:#F00;
	margin-top:10px;
	text-align:center;}

img {
	border:none;
	text-align: center;
	 }
	 
input {
	font-family: Arial, Helvetica, Microsoft JhengHei;
	font-size: 16px;
	color:#494645;
	border: 1px solid #d1d1d1;
	padding:5px;
	width:100%;}	

.radiobutton{
	border:none;
} 

select{
	font-family: Arial, Helvetica, Microsoft JhengHei;
	font-size:16px;
	color: #494645;
	border: 1px solid #d1d1d1;
	padding:5px;	
}

textarea{
	font-family: Arial, Helvetica, Microsoft JhengHei;
	font-size:16px;
	color: #494645;
	border: 1px solid #d1d1d1;
	padding:5px;
	width:100%;
	}
	
.clear{clear:both; margin:0; padding:0; line-height:1px;}	

.btn{
	background:#ee888d;
	color:#fff;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	padding:10px;
	width:100px;
	}	
	
.btn:hover{
	background:#e95143;
	color:#fff;
	}	
	
.right{float:right;}
.left{float:left;}

.allbg{
	/*width:1100px;*/
	max-width:1100px;
	min-width:320px;
	margin:0 auto;
}
	
.top_bg{
	height:100px;
	background:url(image/tob_bg.jpg) no-repeat;
	background-position:right bottom;
	position: relative;
	}	

.logo{
	width:107px;
	margin:13px 0 0 25px;}

.top_rbox{
	margin:25px 48px 0 0;}

.titsearch{
	padding:0 0 0 5px;
	}

.search01{
	color:#000;
	border: 1px solid #fff;
	border-bottom:2px solid #dc4f41;
	width:100px;
	background:url(image/icon_search.gif) no-repeat;
	background-position:right;
	font-size:13px;
	padding:0 5px 5px 0;
}


.colorline{
	height:2px;
	background: rgb(233,80,66); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(233,80,66,1) 0%, rgba(238,136,141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95042', endColorstr='#ee888d',GradientType=1 ); /* IE6-9 */
}

.language{
	color:#fff;
	font-size:17px;
	font-weight:bold;
	position:absolute;
	right:15px;
	bottom:-39px;
	z-index:9999;
	}
	
.language div{
	border:#fff 1px solid;
	padding:4px 7px;
	float:left;
	margin:0 5px}	

.language a{
	color:#fff;
	}

.language a:hover{
	text-decoration:underline;
	}

.nav_btn{
	font-size:16px;
	font-weight:bold;
	}	
	
.foot_bg{
	/*	background: rgb(233,80,66); /* Old browsers */
	/*	background: -moz-linear-gradient(left, rgba(233,80,66,1) 0%, rgba(238,136,141,1) 100%); /* FF3.6-15 */
	/*	background: -webkit-linear-gradient(left, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*	background: linear-gradient(to right, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95042', endColorstr='#ee888d',GradientType=1 ); /* IE6-9 */
	border-top:#feb0b3 2px solid;
	color:#828281;
	font-size:13px;
	padding:5px 10px;
	margin-top:20px;}
	
.foot_pc{display:none;}	
/*.foot_pc img{width:100%; max-width:668px;}*/

.foot_pc_logo{
	text-align:center;
	margin-bottom:5px;}

.foot_pc_list_bg{
	margin:0 auto;
	width:650px;}
	
.foot_list1{
	background: url(image/foot_icon_01.png) no-repeat;
	padding-left:25px;
	line-height:24px;
	margin:0 5px;}
	
.foot_list2{
	background: url(image/foot_icon_02.png) no-repeat;
	padding-left:25px;
	line-height:24px;
	margin:0 5px;}
	
.foot_list3{
	background: url(image/foot_icon_03.png) no-repeat;
	padding-left:25px;
	line-height:24px;
	margin:0 5px;}
	
.foot_list4{
	background: url(image/foot_icon_04.png) no-repeat;
	padding-left:25px;
	line-height:24px;
	margin:0 5px;}

	
.foot_mobile{display:block;}
.foot_mobile_logo{ margin-bottom:5px;}	
.foot_mobile_logo img{ max-width:300px;}	


		
.left_nav_bg{
	margin:30px 0 0 20px;
	width:15%;
	min-width:95px;
	display:none;
	}	
	
.left_tit{
	font-size:24px;
	line-height:26px;
	color:#d35255;
	padding:5px 0 5px 0px;
	margin-bottom:5px;
	letter-spacing: 0.05em;

	}	

.left_nav{
	font-size:15px;
	letter-spacing: 0.1em;
	padding:5px 8px 5px 10px;
	border-bottom:#ddd 1px dotted;
	line-height:20px;}	
	
a .left_nav{
	color:#494645;}	
	
a:hover .left_nav{
	color:#FFF;
	background:#e95549;}	
	
.left_nav_02{
	font-size:13px;
	letter-spacing: 0.1em;
	padding:5px 5px 5px 10px;
	line-height:20px;
	border-bottom:#ddd 1px dotted;}	
	
.left_nav_02:before{
	content: '》';
}	
	
a .left_nav_02{
	color:#494645;}	
	
a:hover .left_nav_02{
	color:#e95549;
	}	
	
.main_box{
	width:94%;
	display:inline-block;
	margin:30px 0 10px 0;
	min-height:330px;
	padding:0 3%;
	}	
	
	
.right_box{
	width:94%;
	display:inline-block;
	margin:30px 0 10px 0;
	min-height:330px;
	padding:0 3%;
	}	
	
.right_tit{
	border-left:#e60012 4px solid;	
	font-size:24px;
	line-height:26px;
    color: #e60012;
    letter-spacing: .05em;
	padding:5px 0 5px 16px;
	margin-bottom:14px;}
	
.right_prod_tit{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	border-bottom:#CCC 1px dotted;
	padding-bottom:10px;
	margin-bottom:20px;
	color:#494646;}	
	
.edit_box{
	color:#494646;
	font-size:15px;
	line-height:30px;
	letter-spacing:1px;}
	
.edit_box img{
	width:100%;}
	
.stores_box{
	color:#494646;
	font-size:15px;
	line-height:30px;
	letter-spacing:1px;}
	
.prod_list_bg{width:50%;}

.prod_list_bg2{width:50%;}	

.prod_list{
	font-size:13px;
	line-height:18px;
	text-align:center;
	padding:0 20px 30px 20px;}
	
.prod_list img{
	margin-bottom:8px;
	width:100%;
	max-width:200px;}

.prod_main_img img{
	width:100%;
	margin-bottom:20px;}
	
.prod_list_na{
	height:36px;
	overflow:hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}					
	
.pageNum{
	text-align:right;
	font-size:14px;
	line-height:18px;
	color:#a0a0a0;
	padding:10px 20px 0 0;
	border-top:#CCC 1px dotted;
    letter-spacing:0;
}	
	
.pageNum a {color:#666;font-weight:bold;}
.pageNum a:hover {color:#e95042; text-decoration:underline;}	

.path{
	margin:10px 20px 0 20px;
	font-size:12px;
	color:#666;
	line-height:18px;}
	
.prod_img_bg{width:100%;}

.prod_img{
	margin:20px 20px 0 20px;
	text-align:center;
	}	
	
.prod_img2 img{
	width:100%;}
	
.prod_img2{
	width:23%;
	padding:0 1%;
	text-align:center;
	margin:20px 0;
	}	
	
.prod_img img{
	width:100%;
	max-width:320px;}	

.prod_img_zoom{text-align:right;}
.prod_img_zoom span{
	font-size:12px;
	padding:0 12px;
	background:url(image/zoom.gif) no-repeat ;}		
	

.prod_box{
	margin:0 3% 10px 3%;
	display:inline-block;
	}
	
.prod_tit{
	font-size:22px;
	padding:20px 0 15px 0;
	color:#494646;
	line-height:24px;}	
	
.prod_capacity{
	font-size:14px;
	color:#999;
	margin-bottom:20px;
	}		
	
.contacttable{	
	color:#666;
	font-size:14px;
	}	
	
.contacttable td{
	border-bottom:#d4d5d2 1px dotted;
	}		
	
.contact-t1{
	width:100px;
	padding:10px 0;
	text-align:right;
	vertical-align:top;
	font-size:16px;}		
	
.contact-t2{padding:10px 5px 10px 0;}

.contact-t3{
	width:120px;
	padding:10px 0;
	text-align:right;
	vertical-align:top;
	font-size:16px;}	

.class_btn{
	background:url(image/class_btn_bg.jpg) no-repeat;
	background-position:right bottom;
	color:#ee888d;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding:50px 0;
	width:90%;
	margin:5% 5%;
	border:#fddddf 3px solid;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
	}
	
.class_btn:hover{
	color:#fff;
	border:#ed7878 3px solid;
	background:#ed7878;
	}	
	
.class_list{
	border:#e60012 1px solid;
	}		

.class_list thead{
	color:#FFF;
	background: rgb(233,80,66); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(233,80,66,1) 0%, rgba(238,136,141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(233,80,66,1) 0%,rgba(238,136,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95042', endColorstr='#ee888d',GradientType=1 ); /* IE6-9 */
}

.class_list th{
	padding:5px 0;
	font-size:15px;
	line-height:18px;}
	
.class_list td{
	padding:8px 0;
	text-align:center;
	font-size:14px;
	line-height:18px;}	
	
.class_list .color{
	background:#fce7e7;}
	
.class_na{
	font-weight:bold;
	text-decoration:underline;
	color:#e95042;}
	
.class_sign_btn{
	color:#fff;
	background:#ef888c;
	font-size:11px;
	padding:3px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
	}
	
.class_sign_btn:hover{
	background:#e95044;
	color:#fff;
    }			

.stores_tb{
	border:#feb0b3 2px solid;
	margin-bottom:20px;
	line-height:24px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
	
.stores_tb td{
	padding:8px 5px;}	
	
.stores_t1{
	width:80px;
	font-weight:bold;}
	
.stores_tb .color{
	background:#fce7e7;}		

.nice_store{
	background:url(image/icon_nice_store.png) no-repeat;
	background-position:right 0;
	padding-right:90px;}


.search_list_tit{
	font-size:15px;
	line-height:18px;
	border-bottom:#999 1px dotted;
	padding:8px 8px 8px 30px;
	background:url(image/arr02.gif) no-repeat;
	background-position:2px 5px;}


@media only screen and (min-width: 1025px) {

.language{
	color:#ec7675;
	bottom:-35px;
	right:40px;
	}

.language div{
	border:#ee888d 1px solid;
	}	
	
.language a{
	color:#ec7675;
	}	
}

@media only screen and (min-width: 769px) {
.left_nav_bg{
	display:inline-block;
	}	
	
.right_box{
	width:72.3%;
	margin:30px 20px 10px 0;
	min-height:500px;
	border-left:#f2f2f2 2px solid;
	padding-left:30px;
	display:inline-block;
	float:right;}	
	
.right_tit{
	border-left:#e60012 4px solid;	
	font-size:20px;
    color: #e60012;
    letter-spacing: .03em;
	padding:5px 0 5px 12px;
	margin-bottom:14px;}
	
.right_tit span{ color:#333;}	
	
.prod_list_bg{width:33%;}
.prod_list_bg2{width:25%;}	
	
}


@media only screen and (min-width: 760px) {

.prod_img_bg{width:35%;}

.prod_box{
	width:58%;
	margin:0 20px 10px 0;
	min-height:400px;
	border-left:#f2f2f2 2px solid;
	padding-left:30px;
	display:inline-block;
	float:right;
	}
	
	
}

@media only screen and (min-width: 690px) {
.foot_bg{
	padding:10px 15px;
	margin-top:20px;}
.foot_pc{display:block;}		
.foot_mobile{display:none;}
			
}
 
@media only screen and (min-width: 320px) { 
.class_btn{
	float:left;
	padding:50px 0;
	width:39%;
	margin:5% 4%;
	} 
}

.nav_link {
	font-size:24px;
	line-height:26px;
    color: #e60012;
    letter-spacing: .05em;
}

.nav_link_path {
	font-size:12px;
	color:#666;
	line-height:18px;
}