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

a, a:hover { text-decoration:none; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Arial, Sans-Serif;}
.clear { clear:both; margin:0; padding:0;}
input, button{outline:0;}
/*==============================首頁=================================*/
.register-form .address-inline{width:100%; padding-right:10px;}
.register-form .address-inline select{float:left; padding:5px 0; margin-right:10px;}
.register-form .address-inline #address{float:left; width:215px;}


.full_wrapper .innerTitle{margin-top:20px;}
.full_wrapper h3{margin:30px 0 10px 0;}
.innerTitle {border-bottom:1px solid #c8c8c8;width:100%;position:relative;height:20px;margin-bottom: 20px;}
.innerTitle h2 {margin-top: 1px;color:#2f2f2f;letter-spacing:0;font-size:18px;position:absolute;top:0;left:0;background:#f5f5f5;padding-right:10px;}
.innerTitle h2 span{font-size:13px; color:#01b3cd;background:#f5f5f5;}
.innerTitle h2 span.icon{color:#555; font-size: 25px; margin-right:10px;}

.line { background-color:#ccc; height:1px; width:100%; margin-bottom:13px;}
.line2 { background-color:#ddd; height:1px; width:180px; margin-bottom:5px;}

.content_wrapper{width:660px;}
.full_wrapper{width:870px; margin: 0 auto;}


h2.heading{margin:40px 0 10px 0; font-weight:normal;}

.orders-search{font-size:13px; margin:20px 0;}
.orders-search button.btn-orange{ display:inline; background:#f9c048; color:#fff;border:none; padding:6px 10px; cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.orders-search button span{position:relative; top:1px; margin-right:5px;}

.total_wrapper{width:870px; margin:0 auto 10px auto; font-size: 12px;}
.total_wrapper .line{margin:10px 0;}
.total_wrapper li.total_bg{ background: #e9e9e9; float:left; padding:10px 0; margin-top:10px;}
ul.total{float:right;}
ul.total li{padding: 15px 0;}
ul.total li div{float:left; width:100px;text-align:left;}
ul.total li .text{width:170px; padding-right:40px; text-align: right;}
.total{float:right; margin-bottom:20px;}
ul.p_method{margin-bottom:35px; font-size: 12px; border-top:3px solid #ddd; border-bottom:3px solid #ddd;}
ul.p_method li{float:none; margin:20px 30px 20px 10px;}
input.new_add{width:400px;}
.btn-tur.checkout{font-size:14px; width:150px; line-height:24px; float:right;}
.btn-orange.checkout{font-size:14px; width:150px; float:right; line-height:24px; margin-right:10px;}

.form_wrapper{padding:30px; background:#fff; width:70%; margin:30px auto 0 auto; -moz-box-shadow: 0px 3px 3px #bbb;-webkit-box-shadow: 0px 3px 3px #bbb;box-shadow: 0px 2px 3px #ccc;}
.form_wrapper .innerTitle{margin:10px 0 25px 0;}
.form_wrapper h2{background:#fff; margin:;}
.form_wrapper .innerTitle span{background:#fff;}
.form-group label { float:left; width:70px; text-align:right;}
.form-group input{ float:left; font-size:12px; width:300px;}
.form-group select{ float:left; font-size:12px; width:300px;}
.address-imf { margin-top:10px; margin-bottom:10px;}
.address-imf select { width:100px; margin-right:10px;}
.address-imf input { margin-left:70px; width:300px;}
.personal_check { margin-left:50px; font-size:11px; line-height:20px; }
.personal_check input { width:20px; margin-right:5px;}
.register-form{width:380px; color:#555; padding:0px; margin: 0 auto; }
.register-form input{font-size:12px;}
.register-form input.btn-orange.send{border:none;background:#f9c048; color:#fff; line-height: 30px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; cursor: pointer; height:30px;}
.form_wrapper .send{width:100%; line-height:26px; margin-top:15px;}

.font-red{color:#f44343;}
.font-turq{color:#01b3cd;}
a.font-turq{color:#01b3cd;}
a:hover.font-turq{color:#43a8b8;}
a.btn-red { display:block; background:#f44343; color:#fff; width:182px; line-height:24px; text-align:center; padding:3px 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
a:hover.btn-red { background:#fc5e5e;}
a.btn-tur, button.btn-tur { display:block; border:none; cursor:pointer; background:#01b3cd; color:#fff; width:102px; line-height:20px; font-size:12px; text-align:center; padding:3px 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
a:hover.btn-tur, button.btn-tur:hover { background:#10bad3;}
a.btn-orange, button.btn-orange { display:block; border:none; cursor:pointer; background:#f9c048; color:#fff; width:102px; line-height:20px; font-size:12px; text-align:center; padding:3px 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
a:hover.btn-orange, input.btn-orange:hover, button.btn-orange:hover { background:#fcce6d;}
a.btn-blue { display:block; background:#2a5a9a; color:#fff; width:102px; line-height:20px; font-size:12px; text-align:center; padding:3px 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
a:hover.btn-blue { background:#3f70b1;}
a.underline{text-decoration: underline;}

/* ======== PAGER ======== */
.pager {
  margin: 0;
  line-height: 28px;
  font-size: 14px;
  margin-left: 0px;
  border-top: 1px solid #e5e5e5;
  font-size:13px;
}
.pager ul {
  text-align: left;
  line-height: 28px;
}
.pager ul li {
  padding: 0;
  display: inline-block;
  width: 26px;
  height: 28px;
  margin-left: 4px;
  margin-top: 20px;
}
.pager ul li a {
  display: inline-block;
  text-align: center;
  width: 26px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color:#888;
}
.pager ul li a span{position:relative; top:-2px;}
.pager ul li a:hover {
  background: none;
  color:#01b3cd;
}
.pager ul li a:before {
  line-height: 28px;
  position: relative;
  top: -2px;
}
.pager ul li a:focus {
  color: #999;
  background: #f2f2f2;
  border-radius: 3px;
}
.pager ul li.active a {
  color: #01b3cd;
  background: #e1e1e1;
  border-radius: 3px;
}
.pager ul .next,
.pager ul .prev {
  font-size: 12px;
}
.pager ul .next a,
.pager ul .prev a {
  float: none;
  color: #ccc;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}
.pager ul .next a:hover,
.pager ul .prev a:hover {
  color: #01b3cd;
}
/*********************************contact form*************************************/
form label {
	font-size: 13px;
	position: relative;
	line-height:25px;
}
form#contactForm div {
	position: relative;
	margin-bottom: 30px;
}
form#contactForm label {
	color:#333;
}
form#contactForm input, form#contactForm textarea {
	position: absolute;
	left: 80px;
	top: 4px;
	height:30px;
}
form#contactForm .commentsText {
	margin-bottom: 10px;
	height: 150px;
}
form#contactForm textarea {
	width: 500px;
	height: 150px;
}
form#contactForm select {
	position: relative;
	top: 4px;
	left: 13px;
}
form#contactForm .columns, form#contactForm .row {
	margin-bottom: 0;
}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.index_content { margin-left:16px; width: 570px;}
		.index_products{width: 560px;}
		.full_wrapper{width:690px}
		

		.total_wrapper{width:650px;}
		input.new_add{width:400px;}
		.register_form input[type=text]{width:560px;}
	}
	
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	
	
	.content_wrapper, .full_wrapper{width:300px; margin:0 auto;}

	.p_form textarea{width:145px; height:100px;}
	.p_form #zone2{margin-left:106px; margin-top:10px;}
	.p_form #captcha{margin-left:106px; margin-top:10px;}

	.form_wrapper{width:290px; padding:5px 5px 20px 5px;}
	.register-form{width:240px;}
	.register-form label { float:left; width:70px; text-align:right;}
	.register-form input{ float:left; font-size:12px; width:200px;}
	.register-form select{ float:left; font-size:12px; width:200px;}
	.address-imf { margin-top:10px; margin-bottom:10px;}
	.address-imf select { width:90px; margin-right:10px; }
	.address-imf input { margin-left:70px; width:200px;}
	.personal_check { margin-left:50px; font-size:11px; line-height:20px; }
	.personal_check input { width:20px; margin-right:5px;}
	.register_form input[type=text]{width:280px; margin-top:10px;}

	.total_wrapper{width:300px; margin:0;}
	ul.total li div{width:100px;}
	ul.total li .text{width:150px; }
	
		form#contactForm .commentsText {
		height: 180px;
	}
	form#contactForm .commentsText textarea {
		width: 270px;
		height: 150px;
		position: relative;
		top: 15px;
		left: 0px;
	}

	}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    	.index_content{margin:0 auto;}
		
	}


/*
 * Table Style
 */

.table-style{/*background-color:#eee;*/ width:100%;}
.table-style td, .table-style-white td, .table-style-white a{color:#8b8b8b;}
.table-style th, .table-style-white th{
	color:#555;font-size:14px;
	text-align: left;
	padding:7px 0 7px 15px;
	background:#eee; 
	
}
.table-style tr td {
	padding: 10px 0 10px 15px;
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
} /*odd*/

.table-style a{text-decoration: underline;}
.table-style a:hover{text-decoration: none;}

td.maxw-35{width:35%;}

/*
 * Orders-info
 */

.accordion-style-1 .accordion-titles { 
		background-color: #ffffff;
		color: #1b1b1b;
		font-weight:500;
		cursor: pointer;
		border:1px solid #E9E9E9;
		display: block;
		outline: medium none !important;
		padding: 10px 25px 10px 30px;
		text-decoration: none;
		text-transform:uppercase}

.p_item_2{ text-align:left; padding-top:10px; border:1px solid #E9E9E9; background:#fff;}
.p_item_2 .p_spec{line-height: 28px; padding: 5px 0 10px 10px; -webkit-border-bottom-right-radius: 5px;}
.p_item_2 .p_spec li{float:left; margin:0 20px 0 10px;}