@charset "big5";

html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:'' ;}
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }


/*------ Basic Elements ------*/
html { font-size:100%; overflow-x: hidden; overflow-y:scroll; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; }
body { margin: 0; padding: 0; background: #d4f1ef; font-size: 14px; line-height: 22px; color:#535353; font-family: "微軟正黑體", "新細明體", Arial, sans-serif; -webkit-text-size-adjust:none; }
a {text-decoration: none; }
a:link { color: #7f7f7f; }
a:visited { color: #7f7f7f; }
a:hover { color: #4dbdcb; }
a:active { color: #bdfcf8; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
input, select { vertical-align:middle; margin:2px 1px; }

strong { font-weight:bold; }

.clear { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}

/*font*/
.font_zh { font-family: "新細明體"; }
.font_color01 {color:#c200fa;}
.font_color02 { color:#F00; text-align:center;}
.price { color:#F60; font-size:18px;}

/*note*/
.note01 { font-size:12px; }


/*title*/
.title01 { margin-bottom:10px; height:147px; background: #d4f1ef;}
.title02 { margin-bottom:30px; padding-left: 15px; height:70px; line-height:70px; background: #d4f1ef; font-size:18px; color:#250a08; }
.title02 small { margin-left: 10px; font-size: 13px; }
.title03 { height:60px; line-height:60px; margin: 15px 0; background:#f5f5f5; padding-left: 15px; font-size:18px; color:#221815;}
.title04 { margin-bottom:10px; padding-left: 15px; height:50px; line-height:50px; background: #d4f1ef; font-size:36px; color:#250a08; }



/*bgcolor*/
.bgcolor01 { background: #eaf9f8; }
.bgcolor02 { background: #d4f1ef; }
.bgcolor03 { background: #f9f9f9; }
.bgcolor04 { background: #dbf5f3; }


/*border*/
.border01 { border-bottom: #eaf9f8 1px solid; }
.border02 { border-top: 1px #d4d4d4 dotted;}
.border03 { border-top: 1px #d4d4d4 dotted; margin: 20px auto 50px;}
.border04 { border-top: 1px #d4d4d4 dotted; margin: 30px auto 25px;}
.border05 { border-bottom:#d4f1ef 1px solid; } 


/*table*/
.table01 table { text-align:center; border-collapse:collapse; border:1px solid #666; margin: 0 auto;}
.table01 td { padding:10px; border:1px solid #666; }
.table02 th, .table02 td { padding: 6px 5px; border-bottom:#ebebeb 1px dotted; }
.table02 th { font-weight:bold; }
.table03 td { padding: 6px 5px; border-bottom:#a8a7a1 1px dotted; }
.table04 td { background:#f9f9f9; border:#ededed 1px solid; font-size: 12px;} 



/*button*/
.button01 { padding:2px 20px;  height:40px; cursor: pointer; 
			color: #333;
            border-radius: 2px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			background: rgb(212, 241, 239);
			
			}
			
.button02, a.button02 { padding:10px 20px; cursor: pointer;
			color: #fff;
            border-radius: 2px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			background: #333;
			display: inline-block;
			margin:0 5px;
			}	
.button02:hover, a:hover.button02 { color:#6FF; }

.button03 { width:130px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: .8em 2em .85em;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	-webkit-border-radius: .1em; 
	-moz-border-radius: .1em;
	border-radius: .1em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button03:hover {
	text-decoration: none;
}
.button03:active {
	position: relative;
	top: 1px;
}
/* pink */
.pink {
	color: #ff2020;
	border: solid 1px #fcd7db;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcf2f3), to(#fce2e5));
	background: -moz-linear-gradient(top,  #fcf2f3,  #fce2e5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf2f3', endColorstr='#fce2e5');
}
.pink:hover {
	background: #fce2e5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fce2e5), to(#fcf2f3));
	background: -moz-linear-gradient(top,  #fce2e5,  #fcf2f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce2e5', endColorstr='#fcf2f3');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
.button03_wrap { margin:10px auto; text-align:center;}
.button03_wrap a:link { color: #ff2020; }



/*------ Layout ------*/
#header, #nav-wrap, #main, #footer {width: 960px; margin:0 auto; padding:0 10px; background:#fff; }


/*----- Header -----*/
#header .top-bar { height: 50px; }
#header .logo { display: block; height: 70px; line-height: 70px; font-size: 26px; font-family: "times New Roman", serif, "新細明體"; text-align: center; }

/*login*/
#header .login-form {float: right; height:30px;}
#header .login-form a {display: inline-block; margin: 2px; padding: 2px 5px; color: #000; }
#header .login-form a:hover {color: #4dbdcb;}


/*------ Nav ------*/
#nav-wrap { height: 40px; line-height: 40px; border-top: #ebebeb 1px solid; border-bottom: #ebebeb 1px solid; font-size: 13px; }
#nav-wrap ul{ float:left; width: 600px; margin-left:10px; list-style:none; }
#nav-wrap a { display: block; padding:0 10px;}
#nav-wrap li { float: left; }
#nav-wrap .filter { float:right; line-height: 40px; margin-right: 10px; }
#nav-wrap .filter select, #nav-wrap .filter input { color:#666; font-size: 13px; margin:0 3px; }


/*------ main ------*/
#main { padding-top: 15px; padding-bottom: 15px; }

/*-- sidebar --*/
#sidebar { float: left; width: 180px; margin: 0; padding: 0 0 15px; font-size: 13px; }
#sidebar ul.sub-nav { width:120px; margin: 0 auto 20px; }
#sidebar .sub-nav li { margin-bottom:5px; padding:5px 0;}
#sidebar .sub-nav li a { display:block; color:#bdbdbd; }
#sidebar .sub-nav li a:hover  { color: #4dbdcb; }

/*button*/
.btn_wrap li a { display:block; height: 45px; line-height: 45px; text-indent: 45px; color: #fff; text-shadow:1px 1px 1px #666; }
.btn_wrap .btn_credit { margin-bottom:10px; background: #d4f1ef url(../../images/icon.png) no-repeat 22px 15px; }
.btn_wrap .btn_credit a:hover {background: #baebe8 url(../../images/icon.png) no-repeat 22px 15px;}
.btn_wrap .btn_print { background: #d4f1ef url(../../images/icon.png) no-repeat -256px 13px;}
.btn_wrap .btn_print a:hover{ background: #baebe8 url(../../images/icon.png) no-repeat -256px 13px;}


	

/*-- Content --*/
#content { float: right; width:775px;}

/*product roll*/
.product_roll {}
.product_roll h3 { margin-bottom:5px; font-weight: bold; }
.product_roll li { float: left; width: 150px; margin:5px 5px 5px 0; padding:5px 0; text-align: center; border-bottom: #f1f1f1 1px dotted; }
.product_roll a:hover img {opacity:0.7; filter:alpha(opacity=70);}

.pd_number, .bar_price, .promo_price { color: #4AD5CE;}



/*------ Footer ------*/
#footer { border-top:#d4d4d4 1px solid; padding-top: 20px; padding-bottom: 5px; text-align: center; }
#footer ul, #footer p { margin-bottom:3px; }
#footer li { display:inline; margin: 0 10px; }
#footer li a { display: inline-block; padding:2px 0;}

#footer .footer-nav { margin: 0 0 40px; }
#footer .footer-nav li {margin: 0 15px;}

#footer .copyright, #footer .copyright a { font-size: 11px; color:#aaa; }



/*========= Member & company  - login =========*/
.member_login_wrap { width: 55%; margin:0 auto; border: #bdbdbd 1px solid; font-size: 14px; float:left;}
.login_wrap { width: 85%; margin:0 auto; border: #bdbdbd 1px solid; font-size: 14px; }
.member_login_wrap form, .login_wrap form { border: #d4f1ef 7px solid;}
.member_login_wrap table, .login_wrap table { border: #eaf9f8 2px solid;}
.member_login_wrap td, .login_wrap td { padding: 15px 20px;}
.member_login_wrap lable, .login_wrap label { margin:0 10px 0 50px; text-align:right; width:85px; display:inline-block;}

.login_info { float:right; width: 40%; margin-right:15px; font-size: 12px; color: #250a08; }
.login_info h3 { font-weight: bold; margin-bottom: 3px; padding:3px; font-size: 14px;}
.login_info table { text-align:center; }
.login_info td { padding: 2px;}
.login_info ul { margin-left:0px; line-height: 20px; }
.login_info li { margin-bottom:5px; }

.login_link { width:85%; margin:30px auto; padding: 20px 5px; font-size: 14px; }
.login_link  ul { width:55%; }
.login_link li { margin:5px; padding:10px 5px; border-bottom: #bdbdbd 1px solid; color:#ccc;}
.login_link a { color:#250a08; }



/*========= paycard ===============*/
.paycard_wrap { width: 85%; margin:0 auto; border: #bdbdbd 1px solid; font-size: 14px; }
.paycard_wrap form { border: #d4f1ef 7px solid;}
.paycard_wrap table { border: #eaf9f8 2px solid;}
.paycard_wrap td { padding: 15px 20px;}
.paycard_wrap label { margin:0 10px 0 50px; text-align:right; width:195px; display:inline-block; vertical-align:top;}
.paycard_note {width: 85%; margin:20px auto 0; font-size:18px; line-height:32px;}

/*========= Member - Apply =========*/
.apply_wrap { font-size: 14px; }
.apply_wrap h3 { float: left; width:22%; margin-right:5%; font-weight: bold; text-align:right;}
.apply_wrap h4 {font-weight: bold; padding-top:20px; }
.apply_wrap label { margin-right: 10px; text-align:justify; width:85px; display:inline-block; }
.apply_wrap small { font-size: 12px; }
.apply_wrap table { float: left; width:65%; }
.apply_wrap td { padding:0 10px 20px; }



/*========= company - Apply =========*/
.company_apply_wrap {}
.company_apply_wrap h3 { font-size:18px; font-weight: bold; margin-bottom:20px;}
.company_apply_wrap label { margin-right: 10px; text-align:justify; width:95px; display:inline-block; }
.company_apply_wrap p { text-align:center; }
.company_apply_wrap small { font-size: 12px; }
.company_apply_wrap table { width:85%; margin:20px auto; }
.company_apply_wrap td { padding:0 10px 20px; }



/*========= paybook & Orderbook=========*/
.paybook_wrap table, 
.orderbook_wrap table { 
width:90%; margin:0 auto 50px; 
}

.paybook_wrap th, .paybook_wrap td, 
.orderbook_wrap th, .orderbook_wrap td { 
padding:5px 10px;
}

.paybook_wrap th,
.orderbook_wrap th { 
width:100px; border-right:#bdbdbd 1px solid; 
}



/*========= flower =========*/
.flower_wrap {width:88%; margin: 0 auto;}
.flower_wrap h3 { font-size:16px; margin-bottom:10px;}

.flower_wrap table { border-collapse:collapse; border: #b8b8b8 1px solid; background:#fff; color:#592121;}
.flower_wrap table td { padding: 10px; border: #b8b8b8 1px solid;}
.flower_wrap table strong { color:#e44d4d; margin-right:5px;}


/*========= order_info =========*/
.order_info_wrap {width:70%; margin: 0 auto;  font-size: 14px;}
.order_info_wrap  h3 { font-size:16px; margin-bottom:10px;}
.order_info { border: #bdbdbd 1px solid; }
.order_info form { border: #d4f1ef 7px solid;}
.order_info table { border: #eaf9f8 2px solid;}
.order_info th { background:#d4f1ef; text-align:center; padding:10px; }
.order_info td { padding: 15px 20px;}
.order_info label { margin:0 10px 0 50px; text-align:right; width:105px; display:inline-block;}


/*========= order_list & giftec & Order_Send & fav =========*/
.order_list_wrap, .giftec_wrap, .order_send_wrap, .fav_wrap {width:95%; margin: 0 auto;  font-size: 14px; border: #ccc 1px solid; padding:1px;}
.order_list_wrap table, .giftec_wrap table, .order_send_wrap table, .fav_wrap table { border-collapse:collapse;  background:#fff; border: #d4f1ef 1px solid;}
.order_list_wrap th, .giftec_wrap th, .order_send_wrap th, .fav_wrap th { background:#d4f1ef; text-align:center; border-left: #fff 1px solid;}

.order_list_wrap th, .order_list_wrap td, 
.giftec_wrap_wrap th, .giftec_wrap_wrap td, 
.order_send_wrap th, .order_send_wrap td,
.fav_wrap th, .fav_wrap td { 
	padding:5px;
}

.order_list_wrap td, .giftec_wrap td, .order_send_wrap td, .fav_wrap td { border-left: #d4f1ef 1px solid; border-right: #d4f1ef 1px solid; border-bottom: #d4f1ef 1px solid;}





/*========= company - Apply =========*/
.join_wrap { width:75%; margin:0 auto;}
.join_wrap ul {border: #d4f1ef 7px solid; padding:2px; width:90%; margin:0 auto; height:101px;}
.join_wrap .join_logo { float:left; width:15%; height:91px; padding:10px;}
.join_wrap .join_txt {float:right; background: #d4f1ef; height:91px; margin-left:15px; padding: 10px 30px 0; width:65%; line-height:26px; }
.join_wrap h3 { font-size:18px; font-weight: bold; margin-bottom:20px;}
.join_wrap label { margin-right: 10px; text-align:justify; width:95px; display:inline-block; vertical-align: top; }
.join_wrap p { text-align:center; }
.join_wrap small { font-size: 12px; }
.join_wrap table { width:100%; margin:20px auto; }
.join_wrap td { padding:0 10px 20px; }


/*========= contact =========*/
.contact_wrap { width:75%; margin:0 auto;}
.contact_wrap ul {width:90%; border: #d4f1ef 7px solid; padding:2px;  margin:0 auto; list-style:disc; list-style-position:inside;}
.contact_wrap li {background: #d4f1ef; padding: 10px 15px;}
.contact_wrap h3 { font-size:18px; font-weight: bold; margin:50px 0 0;}
.contact_wrap label { margin-right: 10px; text-align:justify; width:95px; display:inline-block; vertical-align: top; }
.contact_wrap table { width:100%; margin:20px auto; vertical-align:top;}
.contact_wrap td { padding:0 10px 20px; }


/*========= error =========*/
.error_wrap { width:75%; margin:0 auto;}
.error_inner {width:90%; border: #d4f1ef 7px solid; padding:2px;  margin:0 auto;}
.error_inner p {background: #d4f1ef; padding: 10px 15px;}

.error_wrap ul {width:90%; border: #d4f1ef 7px solid; padding:2px;  margin:0 auto; list-style:disc; list-style-position:inside;}
.error_wrap li {background: #d4f1ef; padding: 10px 15px;}
.error_wrap h3 { font-size:18px; font-weight: bold; margin:50px 0 0;}
.error_wrap label { margin-right: 10px; text-align:justify; width:95px; display:inline-block; vertical-align: top; }
.error_wrap table { width:100%; margin:20px auto; vertical-align:top;}
.error_wrap td { padding:0 10px 20px; }




/*========= privacy & about & consumer =========*/
.privacy_wrap, .about_wrap, .consumer_wrap {width:88%; margin: 0 auto;}
.privacy_wrap h3, .about_wrap h3, .consumer_wrap h3 { font-size:16px; margin-bottom:5px; font-weight:bold; }
.about_wrap h3 {margin-bottom:20px;}
.privacy_wrap p, .about_wrap p { margin:0 0 30px;} 
.consumer_wrap p { margin:0 0 15px;}
.privacy_wrap ol { list-style: decimal; padding:10px 0 30px 35px; } 
.privacy_wrap li { padding-bottom:8px; }

.consumer_wrap ul { list-style: none; padding:0 0 30px 25px;}
.consumer_wrap li {padding-bottom:8px;}

.privacy_wrap table { border-collapse:collapse; border: #b8b8b8 1px solid; background:#fff; color:#592121;}
.privacy_wrap table td { padding: 10px; border: #b8b8b8 1px solid;}
.privacy_wrap table strong { color:#e44d4d; margin-right:5px;}







/*========= gift point =========*/
.gift_point_wrap { width:75%; margin:0 auto;}
.gift_point_inner {width:90; border: #d4f1ef 7px solid; padding:2px;  margin:0 auto; text-align:center;}
.gift_point_inner p {background: #d4f1ef; padding: 10px 15px;}

.gift_point_wrap h3 { font-size:18px; font-weight: bold; padding:25px 0 10px;}
.gift_point_wrap h4 { margin:25px 0; padding:10px 20px; font-size:14px; background:#d4f1ef; }
.gift_point_wrap table { margin:5px auto 25px; }
.gift_point_wrap td { padding: 10px 20px; }




/*=========  order_add_wrap =========*/
.order_add_wrap {width:95%; margin:0 auto;}
.order_add_wrap  label { margin-right: 10px; }
.button_wrap { margin:10px auto; padding:10px; text-align: center; }


/*========= flowernote_wrap =========*/
.flowernote_wrap { }
.flowernote_wrap .flowpic {float: left; width: 480px; padding:10px; overflow:hidden;}
.flowernote_wrap .bigpic { width: 480px; margin-bottom:5px;}
.flowernote_wrap .btn_add_fav { float: right; }
.flowernote_wrap .info { float: right; width: 265px; }
.flowernote_wrap a {color: #4dbdcb;}
.flowernote_wrap a:hover {color: #999;}
.flowernote_wrap .info .table03 { margin-bottom:20px; } 

.flowernote_wrap .flower_bar { padding: 15px 0 10px;}
.flowernote_wrap .flower_bar h3 { height:55px ; width:70px; background:#eee; text-align:center; padding:15px 0 0 0; color:#775836; line-height:18px; }
.flowernote_wrap .flower_bar li { float: left; width:70px; height:70px; overflow:hidden; border:1px solid #eeeeee; margin-right:2px; list-style:none;}
.flowernote_wrap .flower_bar img { width:60px; height:60px; margin:5px 0 0 5px;}
.flowernote_wrap .flower_bar a { display:block; }

.flowernote_wrap .other_info { float:left; width:555px; margin-top:20px;}
.flowernote_wrap .other_info  ol { list-style: decimal; margin-left:18px;}
.flowernote_wrap .other_info li { margin:2px 0;}
.flowernote_wrap .bgcolor01 { padding:10px; margin: 10px 0;}

.flowernote_wrap .pd_list_wrap {float:right; width:200px; margin-top:20px;}
.flowernote_wrap .pd_list { border:#dedede 1px solid; padding:1px; margin-bottom:15px;}
.flowernote_wrap .pd_list h3 { background:#dbf5f3; color:#fff; font-size:18px; font-weight:bold; font-family:"微軟正黑體", "新細明體", Arial, sans-serif; text-shadow: 0px 0px 2px #707070; filter: dropshadow(color=#707070, offx=0, offy=0);  padding:8px;}
.flowernote_wrap .pd_list table { font-size:12px;}
.flowernote_wrap .pd_list td{ border-bottom:1px dotted #eeeeee; padding: 3px 4px 3px 0;}
.flowernote_wrap .pd_list img { width:60px; height:60px; margin:5px 0 0 5px;}
.flowernote_wrap .pd_list a { display:block; }		
.flowernote_wrap .pd_list .number { color:#b699a8; display:block; }
.flowernote_wrap .pd_list .offer {color:#761416; display:block; }