@charset "utf-8";
.sub_menu ul:after,
.news .list article:after,
.btns ul:after,
.product_list .item:after,
.product_list .item_head:after,
.product_list .item_text:after,
.adjust:after,
.btns:after,
.forms li:after,
.show_box .sort .sort_list .level_1:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*---------header---------*/
body#page {
	background-image:url(../images/bg_page.png);
}
#page header .logo {
	width:860px;
	height:70px;
	margin:0em auto 0;
}
#page .main_menu {
	top:0;
	margin:0em auto 0.5em;
}
.headline {
	background:url(../images/bg_headline.png) no-repeat center top;
	padding-top:1em;
	clear:both;
	position:relative;
	z-index:1;
}
.headline .wrap {
	height: auto;
	position:relative;
}
.headline h1 {
	width:310px;
	height:30px;
	background: url(../images/headline.gif) no-repeat;
	margin: 0 1em 11px 0;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
	left:0px;
	top:-10px;
	float:right;
	display:inline;
}
.headline h1 span{
	color:#06d9ff;
}
.news .headline h1 {
	background-position:0px 0px;
}
.about .headline h1 {
	background-position:0px -30px;
}
.member .headline h1 {
	background-position:0px -60px;
}
.order .headline h1{
	background-position:0px -90px;
}
.guide .headline h1 {
	background-position:0px -120px;
}
.links .headline h1 {
	background-position:0px -150px;
}
.contact .headline h1 {
	background-position:0px -180px;
}
/*sub_menu*/
.sub_menu {
	position: relative;
	left:0px;
	top:0px;
	padding:0 1em;
}
.sub_menu ul{
	float:left;
	position:relative;
	top:0px;
}
.sub_menu li {
	background: url(../images/btn_shadow.png) no-repeat right top ;
	list-style:none;
	float:left;
	width:130px;
	margin:0 -13px 0 0;
	padding-right:15px;
	position:relative;
	top:0px;
}
.sub_menu li a {
	background:#00ccff url(../images/bg_btn.png) repeat-x 0 top ;
	border-top: 2px #00cbff solid;
	border-right: 2px #0084b0 solid;
	border-bottom: 0px #73b4d5 solid;
	border-left: 2px #73b4d5 solid;
	border-radius:5px 5px 0 0;
	width:130px;
	height:14px;
	float:left;
	display:block;
	color:#fff;
	padding:10px 0px 15px 0;
	text-align:center;
	text-decoration:none;
	position:relative;
}
.sub_menu li a:hover {
	background:#00ccff url(../images/bg_btn_hover.png) repeat-x 0 top ;
	cursor:pointer;
}
.sub_menu li.highlight {
	z-index:1;
}
.sub_menu li.highlight a{
	top:0px;
}
.sub_menu li.highlight a {
	background:#3cf url(../images/bg_btn_highlight.png) repeat-x 0 top ;
	border-bottom: 0px #E8FAFF solid;
	color:#fff;
}
.sub_menu li a b {
}
.member .sub_menu .tra {
/*	clear:left;*/
}
/*content*/
#page .main {
	background:#fff;
	padding:0em 0 2em;
	clear:both;
	position:relative;
	top:0px;
}
.direct {
	background: url(../images/bg_top.gif) repeat-x 0 0px;
	border-top:0px #39c solid;
	border-bottom: 0px #73b4d5 solid;
	padding:0.5em 0 0.3em;
	position:relative;
}
.page_name {
	float:left;
	text-align:center;
	width:5em;
	padding:0em 1em;
}
.dir {
	margin:0 1em;
	padding:2% 1em;
	overflow:hidden;
	height:1%;
}
.dir .point{
	margin:0;
	padding:0 0em;
	color:#F00;
}
.dir ol {
	padding:0 0 0 2em;
}
.dir ol li{
	padding:0em 0;
}
.content_text{
	background:url(../images/content_bg.png) no-repeat center 0;
	padding:2em 0 0;
}
/*---------about---------*/
#page .content_text figure{
	border:0px solid #aaa;
	line-height:0;
}
#page .content_text .left{
	float:left;
	margin:2em 2em 2em 0em;
}
#page .content_text .right{
	float:right;
	margin:1em 0em 2em 2em;
}

/*---------news---------*/
#page.news .content_text{
	padding:1em 0 0;
}
#page.news .content_text .text{
	overflow:hidden;
}
#page .main .list {
	margin:0 0em 0;
}
#page.news .list li {
	border-bottom:1px #ddd solid;
	padding:0em 0em;
}
#page.news .list .link {
	padding:1em 1em;
	color:#666;
	height:auto;
	overflow:hidden;
	line-height:1.4;
}
#page.news .list .link:hover {
	color:#fff;
}
#page.news .list .link:hover time{
	color:#fe0;
}
#page.news .list li .icon {
	/*background:url(../images/icon.png) no-repeat -100px -30px;*/
	display: none;
	width:10px;
	height:10px;
	margin:5px 10px 0 0;
	float:left;
}
#page.news .list .link:hover .icon {
	background-position:-110px -30px;
}
#page.news .list li.highlight .icon {
	background-position:-110px -30px;
}
#page .main .link time {
	width:9em;
	float:left;
	font-size:1em;
}
#page .main .link strong {
	display:block;
	padding-left:9em;
}
.news .list article {
	background:#fff;
	padding:1em 2em;
	margin:0em 0 0;
	display:none;
}
.news .main .list article a{
	background:none;
	padding:0;
	display:inline;
	color:#6CF;
}
.news .main .list article a:hover{
	color: #F36;
}

.news .list article .title {
	color:#000;
	margin:0 0 1em;
}
.news .list article img {
	margin:2em;
	height:auto;
}
/*---------member---------*/
/*join_step0*/
.rule {
	border-right: 1px solid #aaa;
	float:left;
	width:60%;
	padding:0 2em 0 2em;
	margin:0 2em 2em 0;
}
.main .rule ol{
	padding:0 0 0 2em;
}
.agree{

}
.agree label{
	padding:0 0em 0em 1em;
}
.agree .btn{
	margin:1em 0;
}
.service{
	clear:both;
}
.service li{
	list-style:none;
	background:#fff;
	border:1px solid #aaa;
	border-left-color: #ccc;
	border-top-color: #eee;
	float:left;
	width:46%;
	margin:0 1% 1em;
	border-radius:5px;
}
.service li:hover{
	border-color: #fc0;
}
.service li .icon{
	background:url(../images/icon.png) no-repeat;
	float:left;
	width:80px;
	height:80px;
	text-align:center;
	font-size:1em;
	position:relative;
	margin:10px 20px 20px;
}
.service li.a1 .icon{
	background-position:-285px -105px;
}
.service li.a2 .icon{
	background-position:-365px -105px;
}
.service li.a3 .icon{
	background-position:-445px -105px;
}
.service li.a4 .icon{
	background-position:-525px -105px;
}
.service li.a5 .icon{
	background-position:-605px -105px;
}
.service li.a6 .icon{
	background-position:-685px -105px;
}

.service li .icon b{
	position:relative;
	left:0;
	top:70px;
}
.service li p{
	padding:1em 1em 2em 110px;
}
/*join_step1*/
.join_form{
	padding:0 3%;
	margin:0em auto;
}
.main .join_form ul {
	clear:both;
	height:1%;
	border-bottom:1px #aaa solid;
	padding:0em 0 1em;
	margin: 0 0 1em;
}
.join_form label {
	width: 7em;
}
.join_form .psd{
	clear:both;
}
.forms li.checkbox span{
	margin-left:1em;
	padding:0 0em 0em 7em;
}
.forms li.checkbox label{
}
.join_form .captcha{
	clear:both;
}
.join_form .captcha input{
	width:40%;
	padding:0.3em 0;
}
.join_form .captcha img{
	width:50%;
	height:29px;
	padding:0;
}
/*btns*/
.join_form .btns{
	padding:0em 0 0 9em;
}
.join_form .btns .btn{
	margin-left:1em;
}

/*----會員專區----*/
.direct .welcome {
	background: #FFA;
	border:1px solid #fff;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:0em 1em 0em ;
	margin-bottom:1em;
}
.direct .welcome time{
	color:#F36;
}
.direct .hint ul {
	list-style:none;
	padding:0 1em 0 ;
}
.direct .hint li {
	float: left;
	width:50%;
	padding:0 0em 0.5em 0;
}
.direct .hint .icon {
	background: url(../images/icon.png) no-repeat -100px 0px;
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 0em 0.5em 0 0;
}
.direct .hint a {
	float: left;
	color:#333;
}
.direct .hint a:hover {
	color:#999;
}
.direct .hint a strong {
	color:#f00;
}
.direct .hint a:hover strong {
	color: #F69;
}
/*訂單記錄 出貨記錄 子選單*/
.direct .navi{
	position:relative;
	left:0;
	top:-1em;
	border-bottom: 1px solid #39c;
	padding-bottom: 20px;
}
.direct .navi ul{
	padding:0 1em 0;
}
.direct .navi .day a {
	background-position:-165px -50px;
}
.ddirectir .navi .day a:hover {
	background-position:-215px -50px;
}

.direct .navi .wee a {
	background-position:-265px -50px;
}
.direct .navi .wee a:hover {
	background-position:-315px -50px;
}

.direct .navi .gen a {
	background-position:-365px -50px;
}
.direct .navi .gen a:hover {
	background-position:-415px -50px;
}

.direct .navi .con a {
	background-position:-465px -50px;
}
.direct .navi .con a:hover {
	background-position:-515px -50px;
}

.direct .navi .dow a {
	background-position:-565px -50px;
}
.direct .navi .dow a:hover {
	background-position:-615px -50px;
}
.direct .navi .his a {
	background-position:-665px -50px;
}
.direct .navi .his a:hover {
	background-position:-715px -50px;
}

/*day*/
.day_list{
	overflow:auto;
}
.day_list tbody td{
	padding:1em;
}
.day_list tbody .time{
	color: #f00;
}
.day_list tbody .file time{
	color:  #39C;
}
/*date_zone*/
.serch_zone{
	padding:0.5em 0em 0;
}
.main .serch_zone ul{
	background:#fff;
	border:1px solid #aaa;
	list-style:none;
	border-radius:5px;
	padding:0.5em 1em;
	float:left;
}
.serch_zone ul li{
	padding:0.2em 0em;
}
.serch_zone form:after,
.date_zone:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.date_zone .date{
	float:left;
	background:  #eee;
	border-radius:5px;
	padding:0.5em 1em;
}
.date_zone .sp{
	float:left;
	padding:0.5em 0;
}
.serch_zone .btns{
	float:left;
	clear:none;
	margin:0em 0 0 1em;
}
.serch_zone .btns .btn{
	margin-right:1em;
}
/*guestbook*/
.guestbook .dir .hint{
	width:47%;
	float:left;
	margin:0 3% 0 0;
}
.guestbook .msgbox{
	float:left;
	width:49%;
	position:relative;
}
.msgbox .text{
	background:#f0f0f0;
	border:1px solid #aaa;
	border-radius:5px;
	padding: 5px 2em 10px 1em;
}
.main .msgbox ul{
	list-style:none;
	padding:0;
}
.msgbox ul li{
	margin:0 0 2px;
}
.msgbox ul .keyin{
	width:auto;
	float:none;
}
.msgbox ul .keyin *{
	width:auto;
	float:none;
}
.msgbox ul .keyin textarea{
	width:100%;
	vertical-align:middle;
}
/*留言對話*/
.guestbook .talk{
	padding:0 0 2em;
}
.msgbox .name{
	margin:0em 0em 0.3em 20px;
}
.talk .service .name{
	text-align:right;
	margin:0em 20px 0.3em 0px;
}
.msgbox .peo{
	background: url(../images/icon.png) no-repeat -165px -105px;
	width:60px;
	height:60px;
	float:left;
	display:inline;
	margin:0em 0em 0 10px;
	position:relative;
}
.msgbox .arrow{
	background: url(../images/icon.png) no-repeat;
	width:25px;
	height:25px;
	display: block;
	position:absolute;
	top:5px;
}
.talk .customer .arrow{
	background-position:-165px -165px;
	left:-25px;
}
.talk .service .arrow{
	background-position:-215px -165px;
	right:-25px;
}

.msgbox .content{
	padding: 0 0 0 0px;
}
.guestbook .msgbox .content .text{
	position:relative;
	background:#fff;
	margin:0 0 0 80px;
	padding: 1em 1em 1em 1em;
}
/*回覆工具列*/
.msgbox .tool {
	overflow:hidden;
	padding:10px 0 0;
}
.msgbox .tool .btn{
	margin:0 10px 0px 0;
}

/*客服端*/
.guestbook .service{
	float:right;
	clear:none;
}
.guestbook .talk .service .content .text {
	background: #FFC;
	margin:0 80px 0 0px;
}
.service .peo{
	background-position:-225px -105px;
	float:right;
	margin:0em 10px 0 0px;
}
.service .name{
	overflow:hidden;
}
.service .name *{
	float:right;
}
/*等待回覆*/
.wait_service .customer{
	width:69%;
}
.wait_service .service{
	width:29%;
}
.wait_service .service .arrow{
	background-position:-190px -165px;
}
.guestbook .wait_service .service .content .text {
	background: #e0e0e0;
}
.wait_customer .customer{
	width:29%;
}
.wait_customer .service{
	width:69%;
}
.wait_customer .customer .arrow{
	background-position:-190px -190px;
}
.guestbook .wait_customer .customer .content .text {
	background: #e0e0e0;
}



/*---------order 網路下單---------*/
.order .direct .show_box {
position:  relative;
}
.order .direct .show_box .close{
	display:none;
}
.order .direct .show_box .inquiry .exp{
	display:none;
}
.order .page_name {
	background:#960 url(../images/bg_title_y.png) repeat-x;
	padding:2em 1em;
	border:1px #999 solid;
	color:#fff;
}
.sp {
	vertical-align:middle;
	margin:0 0.5em 0;
}
.star {
	background:url(../images/icon.png) no-repeat -130px -35px;
	width:30px;
	height:30px;
	display:block;
}
.btns{
	padding:1em 0 0.5em;
	clear:both;
}
.btns a{
	margin:0 0.5em 0.5em 0;
}
.btns li{
	float:left;
	display:block;
	margin:0 1em 0em 0em;
	}
.btns li a {
	background:url(../images/icon.png) no-repeat;
	width:50px;
	height:50px;
	display:block;
	text-align:center;
	font-size: 13px;
}
.btns li a b{
	position: relative;
	left: -5px;
	top: 50px;
	display: block;
	width: 60px;
}
.btns .inquiry a {
	background-position:-165px 0px;
}
.btns .sort a {
	background-position:-345px 0px;
}
.btns .serch a {
	background-position:-525px 0px;
}
.btns .inquiry a:hover {
	background-position:-215px 0px;
}
.btns .sort a:hover {
	background-position:-395px 0px;
}
.btns .serch a:hover {
	background-position:-575px 0px;
}

.order .dir ol {
	float:left;
}
.order .dir .btns {
	float:left;
	clear:none;
	padding-top:0.5em;
	padding-bottom:1em;
}

.order_list .point {
	margin:0 0 1em;
	padding:0 1em;
}
.point b {
color:#f00;
}

/* inquiry */
.inquiry .title{
	color: #3CF;
	border-color:#3CF;
}
.inquiry .btn{
	float:right;
}
/* sort */
.show_box .sort .title{
	color:#fc0;
	border-color:#fc0;
}
.show_box .sort .sort_list{
	position:relative;
	margin:1em 0;
}
.show_box .sort .sort_list ul{
	list-style:none;
	width:22%;
	padding:0.5em 0em 0.5em 0em;
}
.show_box .sort .sort_list ul li{
	position:relative;
}
/*level_2*/
.show_box .sort .sort_list .level_2{
	background:url(../images/bk_85.png);
	border:1px solid #999;
	border-right-color:#666;
	border-bottom-color:#333;
	border-left-color:#666;
	width:100%;
	height:auto;
	position:absolute;
	top:-1em;
	left:100%;
	display:none;
}
.show_box .sort .sort_list .level_2 li{
	width:100%;
	float:none;
}
/*level_3*/
.show_box .sort .sort_list .level_3{
	background:url(../images/bk_85.png);
	border:1px solid #999;
	border-right-color:#666;
	border-bottom-color:#333;
	border-left-color:#666;
	width:200%;
	height: auto;
	position:absolute;
	top:-1em;
	left:100%;
	display:none;
}
.show_box .sort .sort_list .level_3 li{
	width:50%;
	float:left;
}

.show_box .sort .sort_list .open{
	display:block;
}

.show_box .sort .sort_list a{	
	display: block;
	padding: 0.4em 1em 0.4em 1em;
	color:#ccc;
	font-size:0.85em;
}
.show_box .sort .sort_list a:hover{
	color:#fff;
}

/*icon*/
.show_box .sort .sort_list a .icon {
background: url(../images/icon.png) no-repeat -110px -40px;
display: block;
width: 10px;
height: 10px;
margin: 4px 10px 0 0px;
float: left;
}
.show_box .sort .sort_list .level_2 a .icon {
background-position: -100px -40px;
}
.show_box .sort .sort_list .level_3 a .icon {
background-position: -100px -30px;
}


/*展開後*/
.show_box .sort .sort_list a.open{
	background:  #eee ;
	color:#333;
	/*color:#fc0;*/
}
.show_box .sort .sort_list .level_2 a.open{
	/*color:  #3C0;*/
}
.show_box .sort .sort_list .level_3 a.open{
	/*color:  #3CF;*/
}


/* serch */
.show_box .serch .title{
	color:#cf0;
	border-color:#cf0;
}
.show_box .serch .btn{
	float:right;
}
.show_box .serch .forms li.odd{
	float:right;
}

/*---list---*/
.order .content_text .condition{
	text-align: center;
	padding-bottom:0.5em;
}
/*標題列*/
.product_list .item_head{
	height:1%;
	background:#000;
	color:#eee;
	font-size:0.8em;
	position:relative;
}
.product_list .item_head div{
	float:left;
}
.product_list .item_head span{
	border-left:1px #fff  solid;
	padding:0.2em 0.5em;
	text-align:center;
	display:block;
}
.product_list .item_head .pic{
	width:70px;
}
.product_list .item_head .code_price{
	width:140px;
}
.product_list .item_head .control{
	width:45px;
}
.product_list .item_head .name_comp{
	margin:0 280px 0 255px;
	width:auto;
	float:none;
}
.product_list .item_head .sell_price{
	width:130px;
	float:none;
	position:absolute;
	right:150px;
	top:0;
}
.product_list .item_head .action{
	width:150px;
	float:none;
	margin:0;
	position:absolute;
	right:0px;
	top:0;
}
/*---item---*/
.product_list .item{
	border-bottom:1px #ccc solid;
	padding:0.5em 0;
	height:1%;
}
.product_list .item .adjust{
	padding:0 0.5em 0;
	line-height:1.4;
}
.product_list .item .action{
	margin-bottom:0.7em;
}
/*pic*/
.product_list .item .pic{
	float:left;
	margin-left:10px;
	display:inline;
	width:50px;
	text-align:center;
}
.product_list .item .pic figure{
	border:1px #999 solid;
	line-height:0;
	width:100%;
}
.product_list .item .pic figure img{
	width:100%;
}
.product_list .item .pic .status{
	font-weight:bold;
	font-size:0.85em;
}
.green{
color: #6C0;
}
.red{
color: #f00;
}
.black{
color:#000	
}

/*item_text*/
.product_list .item .item_text{
	margin:0 0 0 70px;
	height:1%;
	position:relative;
}
.product_list .item .code_price,
.product_list .item .control{
margin-bottom:0.5em;
}
.product_list .item .code_price,
.product_list .item .control,
.product_list .item .name_comp,
.product_list .item .sell_price,
.product_list .item .code_price{
	margin-right:1em;
}
/*spec*/
.product_list .item .spec{
	margin:0 150px 0 0;
	position:relative;
}
/*control*/
.product_list .item .control{
	float:left;
	width:25px;
}
.product_list .item .control b{
	background: #f00;
	color: #fff;
	padding: 0 0.4em;
	border-radius: 5px;
}

/*規格*/
.product_list .item .code_price{
	float:left;
	width:130px;
	color:#666;
}
.product_list .item .code_price .code,
.product_list .item .code_price .price{
	float:left;
	margin:0 1em 0 0;
}
.product_list .item .code_price .code{
	color: #39C;
}
.product_list .item .code_price .price{
}
.item .code_price span,
.item .sell_price span{
	color:#f00;
}
/*藥品名稱*/
.product_list .item .name_comp{
	margin:0 130px 0 190px;
	/*float:left;
	width:390px;*/
}
.product_list .item .name{
	padding-bottom: 0.5em;
	font-size:1em;
}

/*成分*/
.product_list .item .comp ul{
	padding:0em 0em 0.5em 2em;
	font-size:0.85em;
	color:#666;
}
.product_list .item .comp li{
	padding:0.0em 0;
}
/*售價*/
.product_list .item .sell_price{
	width:120px;
	margin:0;
	position:absolute;
	right:0px;
	top:0;
}
/*操作*/
.product_list .item .action{
	width:140px;
	position:absolute;
	right:0px;
	top:0px;
}
.product_list .item .action a{
	margin:0 5px 0 0;
}
.product_list .item .action .btn{
	margin:0 0px 0 0;
}
.favor,
.track{
	background:url(../images/icon.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	text-indent:-1000px;
	overflow:hidden;
}
.favor{
	background-position:-130px -35px;
}
.favor.non{
	background-position:-130px -65px;
}
.track{
	background-position:-130px -95px;
}
.track.non{
	background-position:-130px -125px;
}
.buy {
	background: #09b9ef;
	cursor: pointer;
	font-size: 1em;
	text-decoration:none;
	color: #fff;
	float: left;
	padding: 0.2em 1em;
	border: #069 1px solid;
	border-top-color: #0cf7ff;
	border-left-color: #0cf7ff;
}
.buy:hover {
	background:  #3CF;
	color: #fff;
}
.product_list .item .action p{
	padding-right: 0.5em;
	text-align:right;
}
/*提示*/
.product_list .item .hint{
	width: 100%;
	float: left;
	padding:0em 0 0;
}
.product_list .item .hint p{
	background:#f36;
	color:#fff;
	padding:0 1em;
}

/*圖片放大*/
#viewbox {
	position:absolute;
	left:0px;
	top:0px;
	z-index:10000;
}
#view-img {
	background:#fff;
	border:1px #ccc solid;
	line-height:0;
	width:300px;
	margin:0;
	padding:0px;
	position:absolute;
	left:0px;
	bottom:0px;
	display:none;
}
#view-img img {
	width:100%;
}
img {
	outline:0;
	border:0;
}

/*---order_list*/
.order_list{
	overflow:auto;
	margin:0 1em 1em;
	padding:1em 1em;
}
.frame{
	background:#fff;
	border:1px solid #999;
	box-shadow:5px 5px 10px #999;
	border-radius:5px;
}
.order_list table{
	line-height: 1.4;
	width:100%;
	background:#fff;
}
.order_list td{
	padding: 0.2em 0.5em;
}
.order_list thead td{
	font-size:13px;
	text-align:center;
	background:#000;
	color:#eee;
	border-left:1px solid #fff;
}
.order_list tbody td{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0.8em 0.5em;
}
.order_list tbody .level,
.order_list tbody .quantity,
.order_list tbody .status,
.order_list tbody .delete{
	text-align:center;
}
.order_list tbody .sell_price,
.order_list tbody .price_0,
.order_list tbody .subtotal{
	text-align:right;
}
.order_list tbody .code_name {
	padding-left:0;
}
.order_list tbody .code_name .name {
	padding-left:30px;
}
.order_list tbody .code_name .icon{
	background: url(../images/icon.png) no-repeat -100px 0px;
	display: block;
	width: 25px;
	height: 25px;
	margin:0.5em 0em 0 0;
	cursor: help;
	float:left;
	position:relative;
}
.order_list tbody .code_name .icon span{
	width:10em;
	padding:0.3em;
	position:absolute;
	left:10px;
	bottom:30px;
	background: url(../images/red_75.png);
	color:#fff;
	display:none;
}
.order_list tbody .code_name .highlight span{
	display:block;
}

.order_list tbody .code{
	color: #39C;
	display:block;
	font-size:1em;
	line-height:1.2;
}
.order_list tbody .level b{
	background: #f00;
	color: #fff;
	padding: 0 0.4em;
	border-radius:5px;
}
.order_list tbody .quantity input{
	float:left;
	border-radius:5px;
	padding: 0.3em 0.5em;
}
.order_list tbody .action .btn{
	float:none;
	display:block;
}
/*summary*/
.order_list .summary{
	padding: 1em 1em 0;
	overflow:hidden;
}
.order_list .remark{
	width:60%;
	float:left;
	border-right:1px solid #ccc;
	padding:0 3em 0 0;
	margin:0 2em 1em 0;
}
.order_list .remark textarea{
	width:100%;
	padding: 0.3em 0.5em;
	font-size:1em;
}
.order_list .total{
	float:right;
	text-align:right;
	margin:0 0 1em;
}

.order .motion{
	margin:0 0 1em;
}
.motion .pre{
	float:left;
	display:inline;
	margin:0 1em 1em;
}
.motion .next{
	float:right;
	display:inline;
	margin:0 1em 1em;
}
.motion .remark{
	margin:0 0em 1em;
	float:left;
}
.main ul ,
.main ol {
	padding-left:2em;
}
.main .point ul,
.main .point ol {
	padding-left:3em;
}
.order .motion .remark strong {
	color: #3CF;
}

.order .summary .motion{
	clear:right;
	float:right;
	margin:0em 0 0;
}
.summary .motion .pdf,
.summary .motion .print{
	margin:0 0em 0em 1em;
	float:right;
}


/*---------links---------*/
.marks ul{
	padding:0 1em;
}
.marks li{
	width:15%;
	list-style:none;
	float:left;
	padding:0 0 4em 4%;
}
.marks li a{
	width:100%;
	border:1px #aaa solid;
	float:left;
	color:#666;
	line-height:1.4;
	position:relative;
	line-height:0;
}
.marks li a b{
	position: absolute;
	left:0;
	top:103%;
	line-height:1.2;
}
.marks li img{
	width:100%;
	height:auto;
}
.marks li a:hover{
	border:1px #fc0 solid;
	color:#aaa;
}

/*---------contact---------*/
.traffic{
	width:40%;
	float:left;
	margin:0 0 0 5%;
}
.traffic figure{
	width:100%;
	border:1px solid #aaa;
	line-height:0;
	margin:0 0 1em;
}
.traffic figure img{
	width:100%;
}
.traffic ul{
	list-style:none;
	padding:0;
}
.traffic ul .btn{
	padding:0em 0.5em;
	float:none;
	background: #F90;
	border: #930 1px solid;
	border-top-color: #FC6;
	border-left-color: #FC6;
}
.traffic ul .btn:hover{
	background: #FC3;
}

.contact .forms{
	float:left;
	width:50%;
	margin:0 0 0 5%;
	padding:0;
}
.contact .forms li{
	width:100%;
}
/*2018.12.07 置換公司名稱*/
#page header .logo > a {
    display: block;
    width: 320px;
    height: 60px;
}
#page header .logo > a img {
    width: 100%;
}