/*W014*/
@charset 'utf-8';
@import "style.css";

/**
	隱藏連結虛線
 */
a{hidefocus:expression(this.onFocus=this.blur());outline:none;}


/**
 *	共用佈局
 */
body{
	background:#fee0ec;
	text-align: center;
	font-size:0;/*清除inline-block間距*/
} 

.clear{
	
}

.hide{
	display:none;
}

.float_left {
	float:left;
}
.fontsize0{
	font-size:0px;
}

/**
 *	滑鼠移入/移出效果
 */
.mouseover {
	cursor : pointer ;
	/*background-color:#d5f8fb;
	color:#21959e;*/
}
.mouseout {
	cursor : auto ;
}


/**
	主架構設定
 */
.layout{
	width:970px;
	margin:0 auto;
	text-align:center;
	background:#fee0ec;
	display:inline-block;
	}
	
header {
	width:100%;	
	}

footer{
	font-size:13px;
	clear:both;
	text-align:center;
	background:#fee0ec;
}
/*
header 佈局
*/

.head_link{
	float:right;
	}

/*logo+menu*/
.top_01{
	background:url(../images/layout/w014_01.jpg) no-repeat scroll 0 0 ;
	width:970px;
	height:75px;
	clear:both;
	display:inline-block;
	font-size:13px;
	}
	
/*輪播圖*/
.top_02{
	clear:both;
	display:inline-block;
	width:100%;
	height:277px;
	overflow: hidden;
	}
.top_logo{
	float:left;
	padding:8px 40px 0 20px;
}
.top_menu{
	float:left;
	display:inline-block;
}


/*
 上方選單 menu styles
 */
.menu_title{
	margin: 0;
	padding: 0;
}
.menu_body{
	margin: 0;
	padding: 26px;
}
.menu_bottom{
	margin: 0;
	padding: 0;
}

.nmenu {
	margin: 0;
	padding: 0;
}
.nmenu li {
	float: left;
	line-height:26px;
	text-align:center;
	height:26px;
	width:85px;
	
}


.nmenu li a:link,.nmenu li a:visited,.nmenu li a:active {
	color:#2c2c2c;
	text-decoration:none;
	font-family: "微軟正黑體";
	font-size: 16px;

	line-height:8px;
	}
.nmenu li a:hover {
	color:#69052b;
	text-decoration:none;
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
	line-height:8px;
}


.nmenu .liched {
	color:#f0f0f0!important;
}

.nmenu li ul {
	position: absolute;
	visibility: hidden;
	z-index:9999;
	padding:0;
	margin:0;
	*margin:20px 0 0 -80px;
}
.nmenu li ul li {
	float:left;
	background:#ef3b73;
	border-left:#FFF 1px solid;
}

.nmenu li ul li a {
	
}
.nmenu li ul li a:link,.nmenu li ul li a:visited,.nmenu li ul li a:active {
	font-size:11px;
	color:#FFF;
	}
.nmenu li ul li a:hover{
	font-size:11px;
	color:#FFF;
		}

.sf-shadow ul {
	background:none;
	padding: 0;
}


/*頭部連結樣式*/

.top{
	float:left;
}
.top ul{
	font-size: 10px;
	display: inline-block;
}
.top ul li{
	float:left;
	padding:0px 10px 0px 0px;
	}
	
.top ul li.last{
	padding:0px 0px 0px 0px;
}


/*會員登入*/
.member a:link,.member a:active,.member a:visited{
	color:#fff;
	background:url(../images/layout/link_icon01.png) no-repeat 2px 2px #c6c6c6;
	border:1px solid #acacac;
	padding:1px 3px 1px 18px;
	line-height:25px;
	text-decoration:none;
	}

.member a:hover{
	background:url(../images/layout/link_icon01.png) no-repeat 2px 2px #8c8c8c;
	border:1px solid #6a6a6a;
}

.member_menu{
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

.member_menu li a:link,.member_menu li a:active,.member_menu li a:visited{
	color:#fff;
	background:url(../images/layout/link_icon01.png) no-repeat 2px 2px #c6c6c6;
	border:1px solid #acacac;
	padding:1px 3px 1px 18px;
	line-height:25px;
	text-decoration:none;
	}
	
.member_menu li a:hover{
	background:url(../images/layout/link_icon01.png) no-repeat 2px 2px #8c8c8c;
	border:1px solid #6a6a6a;
}	
	
.member_menu  li{
	margin: 0;
	padding: 0;
	float: left;
	}
	


.member_menu li ul {
	position: absolute;
	z-index: 9999;
	left: 0;
	padding: 0
	}
	
.member_menu li ul  li{
	
	}
	
	
.member_menu li  ul  li a:link,.member_menu li  ul  li a:active,.member_menu li  ul  li a:visited{
	color: #fff;
	border: none;
	padding: 0;
	line-height: 25px;
	text-decoration: none;
	width: 80px;
	display: block;
	text-align: left;
	background: rgba(99, 99, 99, 0.8);
	padding-left: 18px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc636363', endColorstr='#cc636363',GradientType=0 ); /* IE6-9 */
	}
	
.member_menu li  ul  li a:hover{
	background:url(../images/layout/link_icon01.png) no-repeat 2px 5px #8c8c8c;
		}


/*留言版*/
.topmenu a:link,.topmenu a:active,.topmenu a:visited{
	color:#fff;
	background:url(../images/layout/link_icon02.png) no-repeat 2px 2px #ffa842;
	border:1px solid #c9611c;
	padding:1px 3px 1px 18px;
	line-height: 25px;
	text-decoration:none;
}

.topmenu a:hover{
	background:url(../images/layout/link_icon02.png) no-repeat 2px 2px #ff8a00;
	border:1px solid #e01a00;
}

/*電子報*/
.newsletter a:link,.newsletter a:active,.newsletter a:visited{
	color:#fff;
	background:url(../../w001/images/common/add.png) no-repeat 2px 2px #42A4FF;
	border: 1px solid #236A8B;
	padding:1px 3px 1px 18px;
	line-height: 25px;
	text-decoration:none;
}

.newsletter a:hover{
	background:url(../../w001/images/common/add.png) no-repeat 2px 2px #0084FF;
	border: 1px solid #05406F;
}

/*
body
*/
.col01{
	width:100%;
	font-size:13px;
	margin: 0 auto;
	text-align: center;
	display:inline-block;
	padding-top:10px;
	padding-bottom:20px;
	background:#FFFFFF;
}

/*
foot樣式
*/
.foot_set {
	background:#ffffff;
	border-top:#CCC 1px solid;
	width:970px;
	height:70px;
	margin:0 auto;
}
.foot_logo{
	padding-left:32px;
	padding-top:10px;
	padding-bottom:23px;
	float:left;}
.foot_text{
	line-height:20px;
	padding-top:15px;
	padding-left:30px;
	font-family: "新細明體";
	font-size: 11px;
	color: #8d8d8d;
	float:left;
	}
.foot_text a:link,.foot_text a:visited,.foot_text a:active{
	font-family: "新細明體";
	font-size: 11px;
	color: #ee5083;
	text-decoration: underline;
	}
.foot_text a:hover{
	font-family: "新細明體";
	font-size: 11px;
	color: #ee5083;
	text-decoration:none;
	}

/*
內頁區塊
*/

.con_text{
	padding-top:10px;
	margin: 0 auto;
	text-align: center;
	display:inline-block;
}

.left_box{
	width:200px;
	float:left;	
	text-align:center;
	margin:0 auto;
	display:inline-block;
	font-size:13px;
}

.right_box{
	width:770px;
	float:left;	
	margin: 0 auto;
	text-align: center;
}
/*廣告區*/
.dm  {
	padding:10px 0;
	margin:0;
	clear:both;
}
.dm li {
	width:200px;
	height:78px;
	border:1 solid #ccc;
	padding-bottom:10px;
}

/*內頁分類選單*/
.left_class_menu{
	padding:5px 0;
	clear:both;
	/*display:inline-block;*/
	width: 200px;
}

.class_menu_title{/*分類名稱標題*/
	font-size:15px;
	color:#d4346f;
	height:25px;
	line-height:25px;
	border-bottom:4px solid #d4346f;
	font-weight:bold;
	font-family:"微軟正黑體","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4";
	text-align:left;
	}
.class_menu_t_icon{/*標題圓點*/
	font-size:30px;
	float: left;
	padding: 0 3px;
	}
	

.treeview-famfamfam2.treeview, .treeview-famfamfam2.treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	width:200px;
}		
	
.treeview-famfamfam2 li.expandable span.folder2 {/*點擊前*/
padding: 1px 0 1px 28px;
background: url(../images/layout/flower_icon_03.png) no-repeat left0px;
text-align: left;
height:25px;
line-height:25px;
border-bottom:1px dotted #c9c9c9;
width:165px;
display: block;
}


.treeview-famfamfam2 li.collapsable span.folder2 {/*點擊後*/
padding: 1px 0 1px 16px;
background: url(../images/layout/folder2_closed.gif) no-repeat left 7px;
text-align: left;
height:25px;
line-height:25px;
border-bottom:1px dotted #c9c9c9;
width: 165px;
display: block;
}

.treeview-famfamfam2 li span.folder2 {
	padding: 1px 0 1px 16px;
	background: url(../images/layout/flower_icon_03.png) no-repeat left 0px;
	text-align: left;
	height:25px;
	line-height:25px;
	border-bottom:1px dotted #c9c9c9;
	width: 165px;
	display: block;
}

.folder2 a:link,.folder2 a:visited,.folder2 a:active{/*點擊前*/
	text-align: left;
	color:#656565;
	text-decoration:none;
    padding-left: 14px;
}

.folder2 a:hover{/*點擊前*/
	color:#EE5083;
}


.collapsable span.folder2  a:link,.collapsable span.folder2 a:visited,.collapsable span.folder2 a:active{/*點擊後*/
text-align: left;
color:#212121;
text-decoration:none;
}

.treeview-famfamfam2 li ul{
	display:none;
}



.treeview li.last2 {
text-align: left;
width:165px;
padding:2px 0;
}

.treeview li.last2 a:link,.treeview li.last2 a:visited,.treeview li.last2 a:active{
padding-left:15px;
color:#888685;
text-decoration:none;
width:165px;
height:22px;
background:#fff3c4;
display:block;
line-height:22px;
}
.treeview li.last2 a:hover{
color:#645919;
background:#ffdb50;
}

.filetree li { padding: 3px 0 2px 16px; }

/*
內文
*/

/*標題*/
.nav {
	width:750px;
	background: linear-gradient(to right,  rgba(250,149,186,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa95ba', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	height:30px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#875a39;
	line-height:30px;
	margin: 0 auto;
	padding-left: 10px;
	}
.nav a:link,.nav a:visited,.a:active{
	color:#5c3c25;
	}
.nav a:hover{
	color:#f7941d;
	text-decoration:underline;
}
/*內容*/
.content {
	width:750px;
	font-size:13px;
	text-align:left;
	margin: 0 auto;
	padding:20px 0;
	}

/*
列表標題通用
*/	
.allList_t{
	margin: 0;
	padding: 0;
	}
	
.allList_t  li{
	height:48px;
	line-height:48px;
	border-bottom:1px solid #a9794a;
	background:url(../images/layout/flower_icon_03.png) no-repeat left 10px;
	padding-left:20px;
	}

.allList_t  li  a:link,.allList_t  li a:visited,.allList_t  li a:active{
	color:#767676;
	font-size:13px;
	text-decoration:none;
	float:left;
	padding-left: 10px;
	}

.allList_t  li  a:hover{
	color:#EE5083;
	text-decoration:underline;
	}
	
/*最新新增標題樣式*/	
.allList_t  li.allLsit_new_date a:link,.allList_t  li.allLsit_new_date a:visited,.allList_t  li.allLsit_new_date a:active{
	color:#f51741;
	float:left;
	}

.allList_t  li.allLsit_new_date a:hover{
	color:#753e1a;
	}
	
.allLsit_new_date_bg{
	background:url(../images/layout/new_icon.jpg) no-repeat left 18px;
	padding-left:40px;
}
.allLsit_date {
	float:right;
	color:#767676;
}

/*內容換頁通用*/
.changePg{
	width:750px;
	font-size:13px;
	margin: 0 auto;
	height:35px;
	padding-top:20px;
	}

.changebox{
	margin:0;
	padding:0;
	display:inline-block;
	float:right;
	}
	
.changebox li{
	margin-right:3px;
	float:left;
}

.changebox li a:link,.changebox li a:visited ,.changebox li a:active{
	margin-right:3px;
	width:20px;
	height:20px;
	text-decoration:none;
	background:#CF69C4;
	color:#ffffff;
	font-size:14px;
	font-family:"Arial";
	text-align:center;
	line-height:20px;
	display:inline-block;
}

.changebox li a:hover{
	font-weight:bold;
}

.changebox li a.focus{
	background:#FF6593;
}





/*導覽列*/
#tree{
	padding:0px 0px 0px 0px;
}
div.breadCrumbs {
    overflow: hidden;
	padding: 5px 0px 5px 0px;
}
div.breadCrumbs div {
    color: #666666;
    float: left;
    line-height: 19px;
	
}
div.breadCrumbs .path.home {
    margin-left: 2px;
	
}
div.breadCrumbs .home a, div.breadCrumbs .home a:visited {
    background-image: url("../images/layout/home.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    padding-left: 17px;
	text-decoration: none;
}
div.breadCrumbs .home a:hover {
}
div.breadCrumbs .path {
    background-image: url("../images/layout/breadCrumbs_icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    margin-left: 9px;
    padding-right: 12px;
}
div.breadCrumbs .focus {
    font-weight: bold;
    margin-left: 9px;
}
div.breadCrumbs div a:link, div.breadCrumbs div a:visited ,div.breadCrumbs div a:active{
    color: #666666;
	text-decoration: none;
}
div.breadCrumbs div a:hover {
    color: #666666;
    text-decoration: underline;
}


/*線上客服*/
/*----------------------------------------------------滾動視窗-------------------------------------------------------*/

#abgne_float_ad {
	position: absolute;
	z-index: 9999;
	width:auto;
	height:auto;
	overflow:auto;
	margin-right:10px;
	display:block;
	*overflow:hidden;
}

#abgne_float_ad .title_ {
	background: none repeat scroll 0 0 rgb(255,50,50);
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-radius:5px 5px 0 0;
	behavior:url(templates/y01/js/css3/PIE1.0/PIE.htc);
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 136px;
	font-weight: bold;
	/*word-spacing: -6px;*/
}

#abgne_float_ad .content_ {
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	background:rgb(255,50,50);		
	height:auto;
	overflow:hidden;
	width:136px;
}

#abgne_float_ad .ctxt{	
	margin-left:10px;
	margin-right:10px;
	color:#ff852a;
	font-size:12px;
	background:#FFF;
	line-height:20px;
	text-align:center;	
}


#abgne_float_ad .ctxt a{
	color:rgb(255,50,50);
}
#abgne_float_ad .ctxt a:hover{
	color:#e95412;
}

#abgne_float_ad .fotter_ {
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	background:rgb(255,50,50);
	border-radius:0 0 5px 5px;
	behavior:url(templates/y01/js/css3/PIE1.0/PIE.htc);
	height:10px;
	width:136px;
}
div.abgne_float_ad2 {
	position: relative;
}
div.abgne_float_ad_close{
	position: absolute;
    right: 10px;
	top: 10px;
}

div.abgne_float_ad_close a{
	background:url(../images/layout/icon.png);
	background-repeat: no-repeat;
	width:15px;
	height:15px;
	display:block;
}
div.abgne_float_ad_close a:hover{
	background-position: 0 -15px;
}

/**
	換頁樣式
 */

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center;vertical-align:middle;
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}
/*左側按鈕*/

.left_bottom{padding:0; margin:25px 0px 10px 0px;}
.left_bottom li{padding:0; margin:0;}
.left_bottom a{
	width:200px;
	height:88px;
	display:block;
	text-indent:-9999px;
}
.btn_a1{
	background:url(../../w001/images/layout/btn_a1.png) no-repeat;
}
.btn_a2{
	background:url(../../w001/images/layout/btn_a2.png) no-repeat;
}
.btn_a3{
	background:url(../../w001/images/layout/btn_a3.png) no-repeat;
}
.btn_a4{
	background:url(../../w001/images/layout/btn_a4.png) no-repeat;
}
.btn_a1:hover{
	background:url(../../w001/images/layout/btn_a1.png) no-repeat left bottom;
}
.btn_a2:hover{
	background:url(../../w001/images/layout/btn_a2.png) no-repeat left bottom;
}
.btn_a3:hover{
	background:url(../../w001/images/layout/btn_a3.png) no-repeat left bottom;
}
.btn_a4:hover{
	background:url(../../w001/images/layout/btn_a4.png) no-repeat left bottom;
}
.menu_top_close{
	display:none;
	}
/*頁次*/
.pages {
    font-size: 11px;
    margin: 0 auto;
    text-align: center;
}
.pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.pages ul li {
    float: left;
    padding: 0 5px;
}
.pages ul li a:link, .pages ul li a:visited, .pages ul li a:active {
    color: rgb(82, 82, 82);
    text-decoration: none;
}
.pages ul li a:hover {
    color: rgb(25, 187, 187);
    font-weight: bold;
    text-decoration: underline;
}
.current {
    color: rgb(255, 0, 92);
    font-weight: bold;
}
.itemsNO2 {
    color: rgb(255, 0, 92);
    font-weight: bold;
    padding: 0 5px;
}
 /*==============================================all==============================================*/
 @media all and (max-width: 969px) and (min-width:600px){
html{
	font-family:Arial, Helvetica, "微軟正黑體",sans-serif;
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	}
body{
	width:100%;
	height:auto;
	}
.layout{
	width:100%;
	}
/*top*/

.top_01 {
width: 100%;
height: 48px;
position: fixed;
z-index: 65;
}
  	

.top_logo {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.top_logo a{}
/*right menu--右邊TOP-NAV選單*/
.top {
	float: left;
	display: none;
	position: fixed;
	right: 0;
	top: 42px;
	background:rgba(255, 237, 248, 0.8);
	padding: 10px;
	width: 140px;
	z-index: 66;
	}
	.top_close a{
		background: url(../images/layout/right_btn.png) no-repeat 0 5px;
		position: fixed;
		width: 40px;
		height: 40px;
		right: 5px;
		top: 3px;
		z-index: 67;
		border-radius:10px;
		display:block;
		text-indent:-9999px;
	}


	.top ul{
		padding:0;
		margin:0;
	}
	
	.top ul li {
	text-align: left;
	border-bottom: 1px dashed #BEAE96;
	width: 100%;
	padding: 0;
	}
	
	.top ul li.topmenu{
		display:block;
	}
	
	.top ul li a:link,.top ul li a:active,.top ul li a:visited{
		display:block;
		padding:10px 0;
		color:#9E1979;
		text-decoration:none;
		font-size: 15px;
		background:none;
		border:none;
	}
	.top ul li.link_share a:link,.top ul li.link_share a:active, .top ul li.link_share a:visited{
		float:left;
		padding-left: 5px;
	}
	.top ul li.link_share{
		border:none;
	}
	.top ul li.last{
		border:none;
	}
	select#lang_sel {
	width: 100%;
	}
	
	.member_menu li ul{
		display:block!important;
		visibility: inherit!important;
	}
	
	.top ul.member_menu > li  > a{
		display:none;
	}
	.active_top a,.active_top a:active,.active_top a:hover{
		background: url(../images/layout/notop.png) no-repeat 0 5px ;
			}
		

	/*left menu*/
	.menu_body{
		display: none;
		position: absolute;
		left: 0;
		top: 42px;
		background:rgba(255, 237, 248, 0.8);
		padding: 10px;
		width: 140px;	
		z-index: 9999;
	}

	.menu_top_close{
	display:inherit;
	}
	.menu_top_close a{
		background: url(../images/layout/left_btn.png) no-repeat 0 5px;
		position: absolute;
		width: 40px;
		height: 40px;
		left: 5px;
		top: 3px;
		border-radius:10px;
		display:block;
		text-indent:-9999px;
	}
	
	.top_menu ul{
		padding:0;
		margin:0;
	}
	
	.top_menu ul li {
	text-align: left;
	border-bottom: 1px dashed #BEAE96;
	width: 100%;
	padding: 6px 0;
	}
	
	.top_menu ul li a:link,.top_menu ul li a:active,.top_menu ul li a:visited{
		display:block;
		padding:10px 0;
		color:#9E1979;
		text-decoration:none;
		font-size: 15px;
	}
	.top_menu ul li:last-child{
		border:none;
	}
	
	.top_menu ul li ul{
		display:none;
	}
	

	.active_top a,.active_top a:active,.active_top a:hover{
		background: url(../images/layout/notop.png) no-repeat 0 5px;
			}

/*banner*/
.top_02{
		height:auto;
		overflow: visible;
	}
.slideshow img{
		width:100%;
		height:auto;
	}
	

/*footer*/
.foot_set{
		width:100%;
	}
#abgne_float_ad{
	visibility:hidden;
	}


/*內頁*/
	.content{
		width: 100%;
	}
	.con_text {
	padding:20px 10px 10px 10px;
	width: 100%;
	box-sizing: border-box;
	}
	table.pro_box {
	width: 100%;
	}
	

table.pro_box img {
    height: auto;
max-height: 100%;
    max-width: 100%;
    width: auto;
}
	
	.text_content{
		width: 100%;
	}
	
	.text_content img{
		width: 100%;
		height:auto;
		max-width:100%;
	}
/*class menu*/
	.left_box{
	width:100%;
	float:left;	
	text-align:center;
	margin:0 auto;
	display:inline-block;
	font-size:13px;
	}
	
	
	.left_class_menu{
		width: 100%;
		box-sizing: border-box;
	}
#tree {
		width: 100%;
	}
	.treeview-famfamfam2 li span.folder2{
		width:100%;
		background: url(../images/layout/flower_icon_03.png) no-repeat 10px 1px;
		padding:1px 0 1px 24px;
		box-sizing: border-box;
		height:35px;
	}
	.filetree li {
	padding: 3px 0 2px 0;
	}
	
	.class_menu_title {
		background: rgba(255, 152, 215, 0.8);
		color: #fff;
		border: 0;
		border-radius: 5px;
		}
	
	.class_menu_body{
		display:none;
		background:rgba(255, 242, 250, 0.8);
	}
	
	.class_menu_t_icon {
		text-indent: -9999px;
		background: url(../images/layout/left_btns.png) no-repeat 0 3px;
		width: 25px;
		height: 22px;
	}

.dm {
    display: none;
}

/*NAV-麵包削*/
.nav{
	width:100%;}
	
/*中間內容區塊*/
.right_box{
		width:100%;
		float:left;	
		margin: 0 auto;
		text-align: center;
		font-size:15px;
		padding:5px;
		box-sizing: border-box;
	}
	
	.content{
		padding-top:10px;
	}
	/*page*/
	.pages li{
		line-height: 50px;
	}

	.pages {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		padding: 15px 0 0 0;
	}

	.pages  ul{
		display:inline-block;
		margin:0 auto;
		min-width:320px;
	}

	.pages ul li {
		float: left;
		padding: 0 5px;
		width: 20%;
		box-sizing: border-box;
		}
		
	.pages .page_icon a:active,.pages .page_icon a:visited,.pages .page_icon a:link{
		display:block;
		padding:5px;
		background: #FFB0CD;
		color: #fff;
		text-decoration: none;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-family: arial;
		font-weight: bold;
		border-radius: 50%;
	}

	.pages  a:active,.pages a:visited,.pages  a:link{
		color:#848484;
	}

	.pages ul li.page_all {
		clear: both;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	
	.pages ul li a:link, .pages ul li a:visited, .pages ul li a:active{
		display:none;
	}
	.current{
		font-size:21px;
	}
/*商品介紹*/
.pro_box .pro{
	width:250px;
	margin: 0 10px;
	}

.box {
    height: 250px;
    text-align: center;
    width: 250px;
}
	
}

 /*========================================969px~600px-END=======================================*/



@media all and (max-width: 599px){
html{
	font-family:Arial, Helvetica, "微軟正黑體",sans-serif;
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	}
body{
	width:100%;
	height:100%;
	}
.layout{
		width:100%;
	}
/*NAV-麵包削*/
.nav{
	width:100%;}
	
/*中間內容區塊*/
.right_box{
		width:100%;
		float:left;	
		margin: 0 auto;
		text-align: center;
		font-size:15px;
		padding:5px;
		box-sizing: border-box;
	}
	
	.content{
		padding-top:10px;
	}

/*內頁*/
	.content{
		width: 100%;
	}
	.con_text {
	padding:20px 10px 10px 10px;
	width: 100%;
	box-sizing: border-box;
	}
	
	
	.top_pic{
		width:100%;
		}
		
	table.pro_box {
	width: 100%;
	}
	
	table.pro_box  img{
	width: auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	}
	
	.text_content{
		width: 100%;
	}
	
/*banner*/
#abgne_float_ad{
	visibility:hidden;
	}
.top_02{
		height:auto;
		overflow: visible;
		padding-top:48px;
	}
.slideshow img{
		width:100%;
		height:auto;
	}
.top_01 {
		width: 100%;
		height: 48px;
		position: fixed;
		z-index: 65;
		}	

.top_logo {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*right menu--右邊TOP-NAV選單*/
.top {
	float: left;
	display: none;
	position: fixed;
	right: 0;
	top: 42px;
	background:rgba(255, 237, 248, 0.8);
	padding: 10px;
	width: 140px;
	z-index: 66;
	}

	.top_close a{
		background: url(../images/layout/right_btn.png) no-repeat 0 5px;
		position: fixed;
		width: 40px;
		height: 40px;
		right: 5px;
		top: 3px;
		z-index: 67;
		border-radius:10px;
		display:block;
		text-indent:-9999px;
	}
	.top_close a{
		background: url(../images/layout/right_btn.png) no-repeat 0 5px;
		position: fixed;
		width: 40px;
		height: 40px;
		right: 5px;
		top: 3px;
		z-index: 67;
		border-radius:10px;
		display:block;
		text-indent:-9999px;
	}

	.top ul{
		padding:0;
		margin:0;
	}
	
	.top ul li {
	text-align: left;
	border-bottom: 1px dashed #BEAE96;
	width: 100%;
	padding: 0;
	}
	
	.top ul li.topmenu{
		display:block;
	}
	
	.top ul li a:link,.top ul li a:active,.top ul li a:visited{
		display:block;
		padding:10px 0;
		color:#9E1979;
		text-decoration:none;
		font-size: 15px;
		background:none;
		border:none;
	}
	.top ul li.link_share a:link,.top ul li.link_share a:active, .top ul li.link_share a:visited{
		float:left;
		padding-left: 5px;
	}
	.top ul li.link_share{
		border:none;
	}
	.top ul li.last{
		border:none;
	}
	select#lang_sel {
	width: 100%;
	}
	
	.member_menu li ul{
		display:block!important;
		visibility: inherit!important;
	}
	
	.top ul.member_menu > li  > a{
		display:none;
	}
	.active_top a,.active_top a:active,.active_top a:hover{
		background: url(../images/layout/notop.png) no-repeat 0 5px ;
			}

	/*left menu*/
	.menu_body{
		display: none;
		position: absolute;
		left: 0;
		top: 42px;
		background:rgba(255, 237, 248, 0.8);
		padding: 10px;
		width: 140px;	
	}
	.menu_top_close{
	display:inherit;
	}
	.menu_top_close a{
		background: url(../images/layout/left_btn.png) no-repeat 0 5px;
		position: absolute;
		width: 40px;
		height: 40px;
		left: 5px;
		top: 3px;
		border-radius:10px;
		display:block;
		text-indent:-9999px;
	}
	
	.top_menu ul{
		padding:0;
		margin:0;
	}
	
	.top_menu ul li {
	text-align: left;
	border-bottom: 1px dashed #BEAE96;
	width: 100%;
	padding: 6px 0;
	}
	
	.top_menu ul li a:link,.top_menu ul li a:active,.top_menu ul li a:visited{
		display:block;
		padding:10px 0;
		color:#9E1979;
		text-decoration:none;
		font-size: 15px;
	}
	.top_menu ul li:last-child{
		border:none;
	}
	
	.top_menu ul li ul{
		display:none;
	}
	

	.active_top a,.active_top a:active,.active_top a:hover{
		background: url(../images/layout/notop.png) no-repeat 0 5px;
			}
/*class menu*/
	.left_box{
	width:100%;
	float:left;	
	text-align:center;
	margin:0 auto;
	display:inline-block;
	font-size:13px;
	}
	
	
	.left_class_menu{
		width: 100%;
		box-sizing: border-box;
	}
#tree {
		width: 100%;
	}
	.treeview-famfamfam2 li span.folder2{
		width:100%;
		background: url(../images/layout/flower_icon_03.png) no-repeat 10px 1px;
		padding:1px 0 1px 24px;
		box-sizing: border-box;
		height:35px;
	}
	.filetree li {
	padding: 3px 0 2px 0;
	}
	
	.class_menu_title {
		background: rgba(255, 152, 215, 0.8);
		color: #fff;
		border: 0;
		border-radius: 5px;
		}
	
	.class_menu_body{
		display:none;
		background:rgba(255, 242, 250, 0.8);
	}
	
	.class_menu_t_icon {
		text-indent: -9999px;
		background: url(../images/layout/left_btns.png) no-repeat 0 3px;
		width: 25px;
		height: 22px;
	}

.dm {
    display: none;
}

/*頁尾*/
.foot_set{
	width:100%;
	}

.foot_logo{
	display:none;
	}
.foot_text{
	width:100%;
	padding-left:0;
	}
	/*page*/
	.pages li{
		line-height: 50px;
	}

	.pages {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		padding: 15px 0 0 0;
	}

	.pages  ul{
		display:inline-block;
		margin:0 auto;
		min-width:320px;
	}

	.pages ul li {
		float: left;
		padding: 0 5px;
		width: 20%;
		box-sizing: border-box;
		}
		
	.pages .page_icon a:active,.pages .page_icon a:visited,.pages .page_icon a:link{
		display:block;
		padding:5px;
		background: #FFB0CD;
		color: #fff;
		text-decoration: none;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-family: arial;
		font-weight: bold;
		border-radius: 50%;
	}

	.pages  a:active,.pages a:visited,.pages  a:link{
		color:#848484;
	}

	.pages ul li.page_all {
		clear: both;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	
	.pages ul li a:link, .pages ul li a:visited, .pages ul li a:active{
		display:none;
	}
	.current{
		font-size:21px;
	}
/*內頁*/
	.content{
		width: 100%;
	}
	.con_text {
	padding:20px 10px 10px 10px;
	width: 100%;
	box-sizing: border-box;
	}

	table.pro_box {
	width: 100%;
	}
	
	table.pro_box  img{
	width: auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	}
	
	.text_content{
		width: 100%;
	}
	
	.text_content img{
		width: 100%;
		height:auto;
		max-width:100%;
	}
/*nav*/
	.nav {
		width: 100%;
		border-bottom:4px double rgba(255, 152, 185, 1);
		font-family: 微軟正黑體;
		font-size: 16px;
		background:none;
	}
	
	div.breadCrumbs .path{
		display:none;
	}
div.breadCrumbs .focus{
		position:relative;
		padding-left: 13px;
		margin-left: 5px;
	}
div.breadCrumbs .focus:after{
		content: "";
		position: absolute;
		height: 15px;
		width: 4px;
		border-right: 4px solid #EE0056;
		background: #FFA6CD;
		left: 0;
		top: 2px;
	}
	
	.dm {
	display:none;
	}

	
}
 /*========================================599px以內-END=======================================*/