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


body ,ul ,li{
	margin:0;
	padding:0;}
	
li{
	list-style:none;}
	
img{
	border:none;}

.clear {zoom:1; clear:both; margin:0; padding:0;} 

.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

#top-menu{
	width:100%;
	height:23px;
	line-height:23px;
	background:#e6e6e6;
	}
	
#top-menu ul{
	float:right;}	
	
#top-menu li{
	float:left;
	list-style:none;
	color:#54546f;
	font-size:10px;
	padding:0 3px 0 3px;
	}
	
#top-menu li a{
	text-decoration:none;
	color:#54546f;}
	
#top-menu li a:hover{
	text-decoration:none;
	color:#FFF;}
	
	
#wraper{
	width:970px;
	margin:0 auto;}
	
#header{
	height:88px;
	}
	
#ylogo{
	float:left;
	width:168px;
	height:46px;
	margin-top:25px;
	}
	
#sblbtn{
	width:160px;
	height:40px;
	background:url(sbl_btn.png);
	float:right;
	margin-top:25px;
	}
	
#sblbtn:hover{
	background:url(sbl_btns.png);
	}	
#menu{
	height:55px;
	width:100%;
	background:url(menu_bg.gif) no-repeat bottom;
	}
#menu ul{
	width:950px;
	margin:0 auto;}	
#menu li{
	height:55px;
	list-style:none;
	width:230px;
	float:left;
	margin-right:10px;
	text-indent:-99999px;
	}
	
#menu li.tab00{
	background:url(tab_00.gif) bottom no-repeat;}
	
#menu li.tab00.active{
	background:url(tab_00s.gif) bottom no-repeat;}

#menu li.tab00:hover{
	background:url(tab_00s.gif) bottom no-repeat;}		
	
#menu li.tab01{
	background:url(tab_01.gif) bottom no-repeat;}
	
#menu li.tab01.active{
	background:url(tab_01s.gif) bottom no-repeat;}

#menu li.tab01:hover{
	background:url(tab_01s.gif) bottom no-repeat;}	

#menu li.tab02{
	background:url(tab_02.gif) bottom no-repeat;}
	
#menu li.tab02.active{
	background:url(tab_02s.gif) bottom no-repeat;}
	
#menu li.tab02:hover{
	background:url(tab_02s.gif) bottom no-repeat;}
	
#menu li.tab03{
	background:url(tab_03.gif) bottom no-repeat;
	margin-right:0px;}
	
#menu li.tab03:hover{
	background:url(tab_03s.gif) bottom no-repeat;
	margin-right:0px;}
	
#menu li.tab03.active{
	background:url(tab_03s.gif) bottom no-repeat;}
	
#content{
	width:965px;
	margin:0 auto;
	margin-top:10px;}
	
#right{
	width:165px;
	float:left;
	margin-right:10px;
	}
	
.right_tab{
	width:155px;
	margin:0 auto;
	}
	
.right_shadow{
	width:165px;
	height:8px;
	background:url(r_tab_shd.gif) repeat-x;}
	
.right_menu {
	margin-top:5px;}
.right_menu ul{
	width:155px;
	margin:0 auto;}		
.right_menu li{
	list-style:none;
	width:140px;
	height:28px;
	line-height:28px;
	padding-left:15px;
	font:"微軟正黑體";
	font-size:13px;
	border-bottom:#CCC dotted 1px;
	color:#0d73a3;}
	
.right_menu li a{color:#0d73a3;
text-decoration:none;}

.right_menu li a:hover{color:#ff8400;
text-decoration:none;}

.right_menu li.category{
	color:#6c6b6b;
	background:#e3daef;}


#center{
	width:730px;
	float:left;
	margin-right:10px;}
	
#index_slider{
	padding:10px;
	width:710px;
	height:300px;
	background:#400090;
	margin-bottom:10px;}
	
#search{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:704px;
height:69px;
background:#e8e8e8;
padding:13px;}	


#mhbd .sbox .sbb {
float: left;
width: 97px;
height: 36px;
font-size: 15px;
color: #fff;
cursor: pointer;
border: 1px solid #3261c3;
border-radius: 5px;
background: linear-gradient(to bottom,#3775dd 0,#3455c1 100%);
background-color: #3775dd;
-webkit-box-shadow: 0 2px 6px -2px rgba(0,0,0,.7),inset 0 1px 2px 0 rgba(255,255,255,0.5);
box-shadow: 0 2px 6px -2px rgba(0,0,0,.7),inset 0 1px 2px 0 rgba(255,255,255,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3775dd,endColorstr=#3455c1),progid:DXImageTransform.Microsoft.Shadow(color=#b3b3b5,direction=180,strength=3),progid:DXImageTransform.Microsoft.Shadow(color=#d2d2d3,direction=90,strength=1),progid:DXImageTransform.Microsoft.Shadow(color=#d2d2d3,direction=270,strength=1),chroma(color=#000000);
font-weight: normal;
position: relative;
-webkit-appearance: none;
outline: 0;
}
#mhbd .sbox .sbq {
float: left;
width: 595px;
height: 36px;
font-size: 16px;
color: #3f3f3f;
border: 0;
vertical-align: top;
padding: 0;
overflow: hidden;
padding: 0 5px 0 0px;
border: 1px solid #7590f5;
-webkit-tap-highlight-color: transparent;

line-height: 2em\9;
_line-height: 2em;
}
input{ font-family:"微軟正黑體";}

#mhbd{
	clear:both;}

.form{
	margin-top:45px;
	clear:both;}
	
.form form select{
	height:24px;}
	
.form01{ float:left;
padding-right:5px;}

.form01 form select{
	width:75px;}

.form02{ float:left;
padding-right:5px;}

.form02 form select{
	width:105px;}

.form03{ float:left;}

.form03 form select{
	width:105px;}

.hit{
	float:left;
	margin-left:10px;}
	
.hit li{
	font-size:14px;
	font-family:"微軟正黑體";
	line-height:24px;
	float:left;
	padding-right:10px;}
	
.hit li a{
	color:#03529b;
	text-decoration:none;}

.hit li a:hover{
	color:#ff8400;}
	
.search_result{
	margin-top:10px;
	background:url(search_result.gif) no-repeat;
	text-indent:-9999px;
	width:100%;
	height:29px;
	border-bottom:#c7c7c7 solid 1px;}
	
.result_list{margin-top:12px;
	padding-bottom:13px;
	border-bottom:#c7c7c7 1px solid;}

.result_left{
	clear:both;
	
	width:447px;
	float:left;
	border-right:solid 1px #c7c7c7;
}

.redult_img{
	float:left;}

	
.discount{
	color:#d54738;}

.more a{
	letter-spacing:1px;
	font-size:15px;
	color:#400090;
	float:right;
	text-decoration:none;
	}
.more a:hover{color:#ff8400;}

.result_right{
	width:95px;
	float:left;
	padding-left:13px;
	}

.result_right li{
	float:left;
	padding-right:3px;
	padding-bottom:5px;}

.result_right li img:hover{ -webkit-filter:saturate(2);}

#left{
	width:220px;
	float:left;}
	
.banner{
	margin-bottom:10px;}
	
.fbfan{
	margin-bottom:10px;
	}
	
.fbfan iframe {
	border:none;}
	
	
.category_box{
	margin-top:10px;
	width:730px;}	
	
.CB_menu{
	width:710px;
	margin:0 auto;}
	
.CB_menu ul{}

.CB_menu li a{
	float:left;
	width:230px;
	height:48px;
	text-indent:-9999px;}
	
.CB_menu li a.tab1{
	margin-right:10px;
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_01.gif);}
	
.CB_menu li a.tab1:hover ,.CB_menu li.active a.tab1{
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_01s.gif);}	
	
.CB_menu li a.tab2{
	margin-right:10px;
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_02.gif);}
	
.CB_menu li a.tab2:hover , .CB_menu li.active a.tab2{
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_02s.gif);}	
	
.CB_menu li a.tab3{
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_03.gif);}
	
.CB_menu li a.tab3:hover , .CB_menu li.active a.tab3{
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/cb_tab_03s.gif);}
	

	
	
.CB_content{
	font-family:"微軟正黑體";
	width:710px;
	background:#e4dbef;
	padding:10px;}
	
.CB_info{
	width:650px;
	background:#FFF;
	padding:15px 30px;}
	
.CB_info01 .list{
	font-size:15px;
	height:50px;
	line-height:50px;
	border-bottom:1px dotted #400090;}
.CB_info01 .list:last-child	{ border:0;}
.CB_info01 .list .cate{
	margin-right:20px;}
.CB_info01 .list .cate a{
	color:#400090;
	text-decoration:none;}
	
.CB_info01 .list .cate a:hover{
	color:#ff8400;
	}
	
.CB_info02 .list{
	font-size:15px;
	line-height:200%;
	}	
.CB_info02 .service{
	
	display:block;}
.CB_info02 .list .cate{
	display: inline-block;
	margin-right:20px;}
.CB_info02 .list .cate a{
	color:#400090;
	text-decoration:none;}
	
.CB_info02 .list .cate a:hover{
	color:#ff8400;
	}
	
.collection_store{
	font-family:"微軟正黑體";
	width:720px;
	background:#e4dbef;
	padding:10px 5px 0px 5px ;
	margin-bottom:10px;
	}
	
.CS_BOX{
	padding-bottom:9px;
	background:#FFF;
	float:left;
	width:228px;
	border:1px solid #c3afdc;
	margin:0 5px 10px 5px;}
	
.CS_PIC{
	margin:9px;
	overflow:hidden;
	width:210px;
	height:100px;}
	
.CS_PIC img{
	  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	max-width:210px;
	height:auto;}
.CS_PIC img:hover{
	-moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);}	
	
	
	
.CS_BOX .info{
	padding:0px 0px 5px 0px;
	margin:0px 10px 5px 10px;
	border-bottom:1px dotted #000;}
	
.CS_BOX .info span{
	font-size:13px;
	color:#666;
	line-height:160%;
	display:block;}
	
.CS_BOX .info span a{
	font-size:15px;
	color:#400090;
	text-decoration:none;}
	
.CS_BOX .info span a:hover{color:#ff8400;}
	
.CS_BOX span.lai{
	margin:0 10px;
	font-size:13px;
	color:#666;
	line-height:160%;
	display:block;
	}
	
.CS_TITLE{
	width:100%;
	height:30px;
	background:url(https://s.yimg.com/bf/tw/ysm/soeasy/big_index/store.png) no-repeat;
	background-position:20px 0px;}
	
	
/*----------------------------slider-----------------------------*/


#featured{ 
	width:500px; 
	padding-right:210px; 
	position:relative; 
	height:300px; overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:490px; 
	list-style:none; 
	padding:0; margin:0; 
	width:220px; height:300px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	/*padding:1px 0; */
	padding-left:10px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:15px; font-family:"微軟正黑體"; 
	line-height:150%;
	
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:44px; text-decoration:none;
	color:#400090;  background:#e4dbef; 
	line-height:20px; outline:none;
	border-bottom:1px solid #400090;
	padding:15px 15px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#d3d3d3; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('https://s.yimg.com/bf/tw/ysm/soeasy/big_index/selected-item.gif') no-repeat;
	background-position:4px 30px;
	position:relative;
	z-index:999;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#fff; 
	color:#400090;
}
#featured .ui-tabs-panel{ 
	width:500px; height:300px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; right:0;
	height:75px; 
	background: url('transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family: "微軟正黑體"; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family: "微軟正黑體";color:#fff; padding: 8px 8px 3px 8px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 8px; 
	font-family: "微軟正黑體"; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}