@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

/* CSS Document */
body {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana, 'Noto Sans TC' , Geneva, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:120%;
	background-color:#afa56d;
	
}

::selection { background-color: #AFA56D; color: #fff; }
::-webkit-selection { background-color: #AFA56D; color: #fff}
::-moz-selection { background-color: #AFA56D; color: #fff}
::-ms-selection { background-color: #AFA56D; color: #fff}
::-o-selection { background-color: #AFA56D; color: #fff}


img {
	border:0px;	
}


a img {
	border:0px;	
}

a {
	text-decoration:none;
	color:#666666;
}

.gray_border{
	border:1px solid #dadada;
	
}

#background{
	width:100%;
	margin:0 auto;
	background-image:url(images/border.jpg);	
	background-position:center;
	background-repeat:repeat-y;
	background-color:white;
}

#fb{
	width:20px;
	height:20px;
	margin-left:360px;
	margin-top:-90px;
}

#break{
	width:960px;
	height:16px;
	margin:0 auto;
	background-image:url(images/break.png);	
}

#header{
	width:960px;
	height:125px;
	margin:0 auto;	
	background:url(images/header_bg.png) top center no-repeat;
}

#footer{
	
	padding:5px 0px 5px 0px;
	width:100%;
	color:white;	
}

#footer a{
	color:white;	
}


/*index*/
#main_background{
	width:960px;
	margin:0 auto;	
	background-color:white;	
	padding-bottom:20px;
}

#mainbody{
	width:960px;
	margin:0 auto;	
	background:url(images/index_content_bg_top.png) no-repeat  top;
	
	height:auto;
}
#main_footer{
	height:145px;
	width:960px;
	margin:0 auto;	
	background:url(images/index_content_bg_bottom.png) no-repeat bottom;
}

#main_pos{
	position:relative;
	top:105px;	
}

.product_photo{
	border:1px solid #dadada;
	width:180px;
	height:180px;
}

.prdouct_desc{
	margin-top:5px;	
	font-size:13px;
}

.index_left{
	width:675px;
	float:left;	
}
.pad_new_arrival{
	width:675px;	
    margin-bottom: 15px
}

.pad_new_top {
	width:661px;
	height:38px;
	position:relative;
	background:url(images/bg_new_top.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}

.pad_new_product_top{
	width:661px;
	height:38px;
	position:relative;
	background:url(images/bg_new_product_top.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}

.pad_new_arrival_top{
	width:661px;
	height:38px;
	position:relative;
	background:url(images/bg_new_arrival_top.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}
.pad_new_arrival_middle{
	width:661px;		
	background:url(images/bg_new_arrival_middle.jpg) top center repeat-y;	
	padding-left:7px;
	padding-right:7px;
    padding-top: 3px
}
.pad_new_arrival_bottom{
	width:661px;
	height:17px;	
	background:url(images/bg_new_arrival_bottom.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}

#btn_new_arrival{
	position:absolute;
	top:5px;
	right:7px;
}

.wrapper_new_arrival_img{
	width:119px;
    max-width: 119px;
    height: 149px;
    max-width: 149px;
	border:1px solid #a4a4a4;	
}

.wrapper_new_arrival_img a img {
    max-width: 100%
}

.font_new_arrival{
	color:#606060;
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:12px;
	line-height:16px;
	padding-top:5px;
	padding-bottom:15px;
}
.padding_new_arrival{
	padding-right:13px;	
    width: 125px
}
.pad_logo_arrival{
	width:675px;	
    margin-bottom: 15px
}

.pad_logo_top {
	width:661px;
	height:38px;
	position:relative;
	/* background:url(images/bg_logo_top.jpg) top center no-repeat;	 */
	padding-left:7px;
	padding-right:7px;
}

.pad_logo_product_top{
	width:661px;
	height:38px;
	position:relative;
	background:url(images/bg_logo_product_top.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}

.pad_logo_arrival_top{
	width:661px;
	height:38px;
	position:relative;
	background:url(images/bg_logo_arrival_top.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}
.pad_logo_arrival_middle{
	width:661px;		
	background:url(images/bg_logo_arrival_middle.jpg) top center repeat-y;	
	padding-left:7px;
	padding-right:7px;
    padding-top: 3px
}
.pad_logo_arrival_bottom{
	width:661px;
	height:17px;	
	background:url(images/bg_logo_arrival_bottom.jpg) top center no-repeat;	
	padding-left:7px;
	padding-right:7px;
}

#btn_logo_arrival{
	position:absolute;
	top:5px;
	right:7px;
}

.wrapper_logo_arrival_img{
	width:119px;
    height: 149px;
	border:1px solid #a4a4a4;	
}

.font_logo_arrival{
	color:#606060;
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:12px;
	line-height:16px;
	padding-top:5px;
	padding-bottom:15px;
}
.padding_logo_arrival{
	padding-right:13px;	
    width: 125px
}

.index_right{
	width:242px;
	float:right;	
}

.pad_popular{
	width:242px;
	
}
.pad_popular_top{
	width:222px;	
	height:38px;
	background:url(images/bg_popular_top.jpg) top center no-repeat;
	padding-left:11px;
	padding-right:9px;
}
.pad_popular_middle{
	width:222px;	
	background:url(images/bg_popular_middle.jpg) top center repeat-y;
	padding-left:11px;
	padding-right:9px;
}
.pad_popular_bottom{
	width:222px;	
	height:24px;
	background:url(images/bg_popular_bottom.jpg) top center no-repeat;
	padding-left:11px;
	padding-right:9px;
}
.pad_news{
	width:385px;
	position:relative;
	height:342px;
	background:url(images/bg_news.jpg) top center no-repeat;	
	padding-top:27px;
	padding-left:22px;
	padding-right:26px;
}
.popular_item{
	width:220px;	
	border-bottom:1px dashed #55a42d;
	padding-bottom:10px;
	padding-top:7px;
}
.popular_item_last{
	width:220px;	
	padding-bottom:10px;
	padding-top:7px;
}
.text_popular_item{
	width:120px;	
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:12px;
	line-height:14px;
	color:#606060;
}
.text_popular_item_2{
		
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:12px;
	line-height:17px;
	color:#606060;
}
.img_popular_item{
	width:98px;
	border:1px solid #a4a4a4;	
}
a.news_item {
	display:block;
	border-bottom:1px solid #dadada;
}
a.news_item:hover {
	color:#ffa912;
	font-weight:bold;	
}
.news_date {
	float:left;	
}
.news_text {
	float:right;
}
/*.news_item{
	width:167px;
	height:127px;
	border:1px solid #838383;
	background-color: #ffeea9;
	margin-top:17px;	
	padding:7px;
	line-height:18px;
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:14px;
	color:#606060;
	position:relative;
	float:left;
}
.news_item_right{
	width:167px;
	height:127px;
	border:1px solid #838383;
	background-color: #ffeea9;
	margin-top:17px;	
	padding:7px;
	line-height:18px;
	font-family: 'Noto Sans TC',  sans-serif;
	font-size:14px;
	color:#606060;
	position:relative;
	float:left;
	margin-left:18px;
}
.news_date{
	border-bottom:1px solid #948e77;
	padding-bottom:3px;
	margin-bottom:3px;	
}
.news_btn{
	position:absolute;
	bottom:6px;
	left:46px;
}
.news_text{
	width:167px;
	height:75px;
}*/
.pad_search{
	margin-right:6px;
	width:211px;
	height:30px;
	background:url(images/bg_search.png) top center no-repeat;
	position:relative;
}
.searchbox{
	position:absolute;
	border:none;
	left:9px;
	top:5px;
	width:165px;	
    line-height: 1.5em;
    padding: 0 2px
}
.btn_search{
	position:absolute;
	right:9px;
	top:6px;	
}
/*howto*/
#howto{
	font-size:13px;
	width:820px;
	margin:0 auto;	
	line-height:200%;
}

.howto_title{
	width:184px;
	padding:22px 0px 0px 0px;	
	float:left;
}

.howto_content{
	text-align:justify;
	width:510px;
	margin-left:310px;	
}



.howto_content table,.howto_content td{
	border:1px solid white;
}

.howto_content span{
	margin-left:10px;	
}

.howto_content td{
	
	padding:0 10px 0px 10px;	
}

.howto_content a{
	color:#b85c5c;	
}

.shift{
	padding-left:10px;
}

/*contactus*/
#contactus{
	font-size:13px;
	width:820px;
	margin:0 auto;
	
	line-height:200%;
}

#form{
	font-size:14px;
	background-color:#ebebeb;
	padding:30px 20px 30px 20px;	
}

#form input{
	width:250px;	
}

/*shoppingbag*/
#shoppingbag{
	font-size:13px;
	width:820px;
	margin:0 auto;
	
	line-height:200%;
}

#bag img{
	border:1px solid #dadada;
}

#bag td{
	border-bottom:2px solid white;
}

/*products*/
#products{
	font-size:13px;
	width:820px;
	margin:0 auto;
	line-height:120%;
	font-family:'Noto Sans TC',  sans-serif;
}

.dot{
	display:inline;	
	font-weight:bold;
	margin:0px 15px 0px 15px;
}

#productpos{
	width:600px;
	float:left;
	line-height:150%;
	font-size:16px;
}

.page{
	padding:0px 8px 0px 8px;
	color:#666666;
}

.categories{
	display:inline;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
}

.size{
	float:left;
	margin-bottom:8px;
	margin-right:8px;
	padding:8px 15px 8px 15px;
	border:1px solid #dadada;	
}

.size:hover{
	
	border:1px solid brown;	
}

#product_details{
	padding-top:20px;
	
	
}

#product_details td{
	padding:6px 0px 6px 0px;	
}

#product_desciption{
	padding-top:15px;
	width:820px;
}

#product_desciption p{
	text-align:justify;
	line-height:180%;
	padding-bottom:15px;
}

.product_left{
	width:200px;
	float:left;
	font-size:15px;	
}

.product_left ul{
	padding:0;
	margin:10px 0 0 0;
	list-style:none;	
}

.product_left ul li{
	padding:0;
	margin:0;	
}

.product_left ul li.active_link a{
	color: #ff0000;
}

.product_left ul li a {
	text-decoration: underline;
}

#productpos_detail{
	width:100%;
	line-height:150%;
	font-size:16px;
}


#productpos_detail a{
    color: #4FA125;
    text-decoration: none
}

#productpos_detail a:hover{
    text-decoration: underline
}

#productpos_detail .details_list {
    color: #999;
}

#productpos_detail .details_list tr td:nth-child(2) {
    color: #666
}