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

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td, dt, dd, dl { margin: 0;padding: 0;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
input, button, textarea,select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;border: 1px solid #cecece; padding:5px;}

body { font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; margin: 0; padding: 0; font-size: 15px; color: #4c4c4c; line-height: 150%; background: url(/images/all/bg/bg.jpg) repeat center top;}
div#wrapper { background: url(/images/all/bg/bg-body.png) no-repeat center bottom; margin: 0; padding: 0;}
div#BOX { width: 990px; margin: 0 auto;}
div.clear { clear: both;}
.flo_right { float: right; }
.flo_left {	float: left; }

a:link, a:visited {	color: #000;	font-weight: normal;	text-decoration: none;}
a:hover {	color: #a7583c;	text-decoration: none;}
h1 { font-size: 17px; color: #cb5656;}

/*header*/
div#top { margin: 0; background: url(/images/all/bg/bg-header.png) no-repeat center bottom; overflow: hidden; width: 990px; height: 125px;}
div.tm_logo { margin: 0 40px 0 50px; width: 275px; float:left;}
div.tm_menu { margin: 0; float: right; padding: 0 40px 40px 0; width: 370px;}
ul{ list-style: none outside none; margin: 0; padding: 0;}
li.tm_menu{ float:left; width: 85px;}

/*content*/
div#content { margin: 0; background: url(/images/all/bg/bg-content.png) repeat-y center center; overflow: hidden; width: 990px;}
.btn {
    display: inline-block;
    padding: 6px 100px;
    margin-bottom: 0;
    font-size: 17px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #fff;
}
.btn-info {
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
    background-image: linear-gradient(to bottom,#e093b9 0,#b65c85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e093b9;
}
.btn-info:hover {
    background-color: #b65c85;
    background-position: 0 -15px;
}

/*sidebar*/
div.content_left { float: left; width: 275px; margin: 0;}
div.sideBar { margin:0; background: url(/images/all/bg/bg-left-menu.png) no-repeat center top; overflow: hidden;}
div.cls_menuBg { float: left;width: 50px;height: 510px;margin: 10px 0 0 0;background-image: url(/images/all/cls_menu.png);background-repeat: no-repeat;background-position: -8px 0; padding-top:10px; position:absolute;top: 125px;}
div.cls_menuBg  a.cls_menu { float: left;width: 50px;height: 94px;margin: 0;background-image: url(/images/all/cls_menu.png);background-repeat: no-repeat;	display: block;}
div.cls_menuBg  a.cls_menu1 { background-position: -70px -5px;}
div.cls_menuBg  a.cls_menu1:hover { background-position: -130px -5px;}
div.cls_menuBg  a.cls_menu1.openhere { background-position: -130px -5px;}
div.cls_menuBg  a.cls_menu2 { background-position: -70px -106px;}
div.cls_menuBg  a.cls_menu2:hover { background-position: -130px -106px;}
div.cls_menuBg  a.cls_menu2.openhere { background-position: -130px -106px;}
div.cls_menuBg  a.cls_menu3 { background-position: -70px -198px;}
div.cls_menuBg  a.cls_menu3:hover { background-position: -130px -198px;}
div.cls_menuBg  a.cls_menu3.openhere { background-position: -130px -198px;}
div.cls_menuBg  a.cls_menu4 { background-position: -70px -292px;}
div.cls_menuBg  a.cls_menu4:hover { background-position: -130px -292px;}
div.cls_menuBg  a.cls_menu4.openhere { background-position: -130px -292px;}
div.cls_menuBg  a.cls_menu5 { background-position: -70px -386px;}
div.cls_menuBg  a.cls_menu5:hover { background-position: -130px -386px;}
div.cls_menuBg  a.cls_menu5.openhere { background-position: -130px -386px;}


div.cls_sidebar { float: left; width: 225px; margin:0; letter-spacing: 1px; margin-left:50px;}
div.cls_sidebar ul.space {margin:10px 25px; width: 175px;}
div.cls_sidebar ul li {	/*float: left;*/ margin:2px 0;	display: block;}
div.cls_sidebar .cls_Png { background-image: url(../images/all/sidebar/sidebar.png); background-repeat: no-repeat;background-position: 15px -178px; width: 175px; height: 50px; line-height: 50px;}

div.cls_sidebar h2 { float: left; font-size: 18px; color: #FFF;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
div.cls_sidebar h3 { float: left; /*background-position: 15px -67px;*/  font-size: 18px; color: #FFF;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
div.cls_sidebar div.cls_link {margin-left: 32px;}
div.cls_sidebar div.cls_link ul {float: left;width: 180px; margin-bottom:10px;}
div.cls_sidebar div.cls_link ul li { margin:0 5px 0 17px; line-height: 200%;/*	height: 35px;*/}
div.cls_sidebar div.cls_link ul li a { color: #414141;}
div.cls_sidebar div.cls_link ul li.nowhere, div.cls_sidebar div.cls_link ul li:hover  { color: #c9472e; background-image: url(../images/all/sidebar/sidebar.png); background-repeat: no-repeat;background-position: -5px -126px;}
div.cls_sidebar .showList {	background-image: url(../images/all/sidebar/cls_show.png);	background-repeat: no-repeat; height: 30px; width: 40px; float: right; display: block; margin-top:4px;background-position: 0 11px;}
div.cls_sidebar .sl_open { background-position: 0 15px;}
div.cls_sidebar .sl_close { background-position: 0 -12px;}


div.service { float: left; margin: 0; background: url(/images/all/bg/bg-left-service.png) no-repeat center bottom; overflow: hidden; width: 275px; line-height: 135%;}
div.cls_share { margin: 5px 45px 0 55px;}
div.cls_service { margin: 0 35px 0 45px; padding: 26px 30px 12px 0; background:url(/images/all/bg-service3.png) no-repeat center 14px; overflow: hidden; text-align: right;height: 250px;}
div.cls_phone { margin: 52px 0 0 0; font-size: 15px; color:#605552;}
div.cls_fax { margin: 5px 0 0 0; font-size: 13px; color:#000;}
div.cls_mail { margin: 0 0 0 0; font-size: 13px; color:#333;}
div.cls_time {margin: 0 0 0 0; font-size: 12px; color: #aca5a3; text-decoration: underline;}
div.cls_notice { margin: 0 0 0 0; font-size: 14px; color: #ae686b;}
div.cls_ID { margin: 47px 0 20px 0; font-size: 15px; color: #6c6b6b;}
div.cls_ID strong {	font-weight: normal; color: #b56f6a;}
div.cls_add { margin: 40px 0 20px 0; font-size: 16px; color: #6c6b6b;}
/*content*/
div.content_right { float: left; width: 715px; margin: 0;}
div.cr_content { margin: 10px 45px 0 0; overflow: hidden;}
div.crc_way { float: left; color: #444; font-size: 12px; width: 670px; overflow: hidden;}
div.crc_way a{ font-size: 12px; color: #444; text-decoration: none;}
div.crc_way a:hover { font-size: 12px; color: #cc5d5b; text-decoration: none;}
div.crc_way img { vertical-align: middle; margin: 0 2px 0 10px;}
.edit {text-align:right; padding-right:20px;}	/*lansan*/
.edit a { text-decoration:none; color:#333; display:inline-block; width:90px; height:30px; background:url(/images/all/adpi_cart10.png) no-repeat left top; text-align: center; line-height: 30px; }	/*lansan*/
.edit a:hover { color:#999;  }	/*lansan*/

/*content標題*/

div.cr_content  div.crc_title {	position: relative;	z-index: 50;background-image: url(/images/all/allTitleBg.png);background-repeat: no-repeat;background-position: center bottom;width: 620px;height: 40px;line-height: 40px;margin-left:10px;	padding: 0 10px;} 
div.cr_content  div.crc_title h1 {font-size: 16px;color: #523000;}
div.cr_content div.crct_icon {background-image: url(/images/all/icons.png);background-repeat: no-repeat;position: relative;z-index: 100;}
/*content訂購資訊*/
div.detail_orderingNews {	background-image: url(/images/all/orderingNewsBg2.png);	background-repeat: no-repeat;	background-position: center 0;	height: 100px;	width: 620px;	padding: 90px 0 20px 20px;}
div.detail_orderingNews div.don_Phone { margin: 6px 0 0 185px;float: left;}
div.detail_orderingNews ul {	float: right;	width: 240px;	margin: 0 0 10px 10px;}
div.detail_orderingNews ul li {	width: 100px;	background-image: url(/images/all/icon1.png);	background-repeat: no-repeat;	background-position: left 5px;	float: left;	padding-left: 15px;	line-height: 160%;}
div.detail_orderingNews ul li a {	text-decoration: underline;}
/*content連結按鈕*/
div.detail_link { margin: 0;}
/*content簡介*/
div.detail_note { margin: 0; width: 670px; overflow:hidden; font-size:11px; line-height: 150%; color:#767977;}
div.pdpb_repo { margin: 0; float: left; width: 215px; height: 200px; background: url(/images/all/detailNote/bg-products-notice1.png) no-repeat -20px top;}
div.pdpb_repo p{ margin: 95px 25px 0 35px;}
div.pdpb_mail { margin: 0; float: left; width: 210px; height: 200px; background: url(/images/all/detailNote/bg-products-notice2.png) no-repeat center top;}
div.pdpb_mail p{ margin: 95px 20px 0 30px;}
div.pdpb_service { margin: 0; float: left; width: 225px; height: 200px; background: url(/images/all/detailNote/bg-products-notice3.png) no-repeat center top;}
div.pdpb_service p{ margin: 95px 10px 0 30px;}




/*頁數*/

div.pages {
	font-size:13px;
	text-align:center;
	background-image: url(/images/all/pagesBg.png);
	background-repeat: no-repeat;
	background-position: center 3px;
	height: 15px;
	width: 630px;
	margin: 0 0 0 20px;
	padding: 7px 0 8px 0;
}
div.pages ul li {
	letter-spacing: 2px;
	display:inline-block;
	margin:0 3px;
}
div.pages ul li a {color: #b0afaf;}
div.pages ul li a:hover {color: #cd627b;}
/*.pages { margin-top:10px; text-align:center; font-size:11px;}
.pages ul li { display:inline-block; height:15px; vertical-align: top; margin:0 2px;}*/
.pages ul li a { display:block; height:15px; }
.pages ul li.ap_first a { width:16px; }
.pages ul li.ap_pred a { width:13px; }
.pages ul li.ap_next a { width:13px; }
.pages ul li.ap_last a { width:16px; }
.pages ul li.ap_first { width:16px; background:url(/images/all/PageNumbers.png) no-repeat -1px 0px; vertical-align: middle;}
.pages ul li.ap_pred { width:13px; background:url(/images/all/PageNumbers.png) no-repeat -18px 0px; vertical-align: middle;}
.pages ul li.ap_next { width:13px; background:url(/images/all/PageNumbers.png) no-repeat -32px 0px; vertical-align: middle;}
.pages ul li.ap_last { width:16px; background:url(/images/all/PageNumbers.png) no-repeat -46px 0px; vertical-align: middle;}
.pages ul li.ap_first:hover { background-position: -1px -16px; }
.pages ul li.ap_pred:hover { background-position: -18px -16px; }
.pages ul li.ap_next:hover { background-position: -32px -16px; }
.pages ul li.ap_last:hover { background-position: -46px -16px; }
/*footer*/
div#footer { margin: 0; background: url(/images/all/bg-footer.png) no-repeat center bottom; width: 990px; height: 160px; color: #fff;}
div.foot_info { margin: 0;}
div.fil_count { float: left; width: 210px; text-align: right; padding: 14px 0 0 0;}
div.fil_menu {	float: right;padding: 15px 50px 0 0;font-size: 14px;}
div.fil_menu a{ color:#fff; text-decoration: none;}
div.fil_menu a:hover { color:#fff; }
div.foot_copy {float: right; margin: 0; padding: 20px 50px 0 0; font-size: 11px;}

.tagBG {
    background-color: #b65c85;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 8px;
    color: #fff;
}
.tagBG:hover {
    background-color: #e093b9;
}

.cls_search {margin-bottom:10px;}
.cls_search h5 {margin-left:5px;}
.cls_search .search_text { margin-right:5px; margin-top:2px; width: 120px;color: #333;}
.cls_search .tip_text { color:#ccc;}
.search_btn {padding: 4px 9px;font-size: 15px;}