@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);

body {
	font-family: century Gothic, "微軟正黑體";
	color: #4b4e53;
	/*background: url(../Images/bg.png);*/
	font-size: 15px;
	line-height: 1.5;
	color: #666666;
	-webkit-text-size-adjust: none;
}
a {
	color: #666;
}
a:hover {
	color: #666;
}
a.text{
	color:#6bb8c6;
	text-decoration:underline;
}
ul li {
	list-style: none;
}
html {
	height: 100%;
}
body.active, html.active {
	overflow: hidden;
}
.black_bg {
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	z-index: 9;
}
.black_in {
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	z-index: 1032;
}
.modal-backdrop.in {
	background:rgba(255,255,255,0.75);
	opacity:1;
}
.modal-content {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
	border:1px solid #CCC;
}
.modal-body{
	line-height:1.5;
}
/*通用*/
.f_l {
	float: left;
}
.f_r {
	float: right;
}
.fwb{
	font-weight:bolder;
}
.w50{
	width:100%;
	max-width:50px;
}
/*.w1200{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}*/
.ovh {
	overflow: hidden;
}
.remind {
	color: #ff5656;
	font-size: 13px;
}
.remind_m{
	color: #ff5656;
	font-weight:bolder;
}
.title {
	background: #6bb8c6;
	color: #FFF;
	margin: 0;
	padding: 10px;
	font-size: 15px;
	font-weight: bolder;
	overflow: hidden;
}
.title a{
	float: right;
	font-size: 13px;
	color: #FFF;
	margin: 3px 0 0 0;
}
.all_title {
	font-size: 33px;
	font-weight: bolder;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #dddddd;
	color: #333;
}
.in_box {
	padding: 10px 0 0 0;
}
.in_box_box{
	border: 1px solid #ddd;
	padding:15px;
	overflow:hidden;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.btn_box {
	margin: 25px 0 0 0;
	padding:25px 0 0 0;
	border-top:1px solid #DDDDDD;
}
.btn_box .form-group {
	margin: 0;
}
.dis_ib{
	display:inline-block;
}
.in_box .img_content{
	text-align:center;
	padding:0 0 15px 0;
}
.in_box .img_content img{
	max-width:500px;
}
/*Step*/
.step{
	color:#abaeb7;
	margin:0 0 15px 0;
}
.step div{
	display:inline-block;
}
.step .active{
	color:#6bb8c6;
	font-weight:bolder;
	color:#333;
}
.step .active span{
	background:#6bb8c6;
}
.step p span{
	display:inline-block;
	background:#abaeb7;
	border-radius:50%;
	color:#FFF;
	width:23px;
	text-align:center;
	margin:0 5px 0 0;
}
.step i{
	margin:0 20px;
}
.step .active i{
	color:#6bb8c6;
}
/*pager*/
.pager {
	text-align: left;
	margin-bottom: 0;
}
.pager li {
	display: inline;
	margin: 0 0 0 -4px;
}
.pager li>a, .pager li>span {
	border-radius: 0;
}
.pager li>span {
	background: #6bb8c6;
	color: #FFF;
}
.pager li>a:hover {
	background: #6bb8c6;
	color: #FFF;
}
/*table*/
.table_j {
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
.table_j .tr{
	background:#ececec;
	overflow:hidden;
	border: 1px solid #ddd;
}
.table_j .tr > div{
	padding:10px;
}
.table_j .td{
	border: 1px solid #ddd;
	overflow:hidden;
	border-top:0;
}
.table_j .td > div{
	padding:10px;
}
/*width*/
.w_sm_auto {
	width: auto;
}
.w_sm_50 {
	width: 100%;
	max-width: 50px;
}
.w_sm_100 {
	width: 100%;
	max-width: 150px;
}
.w_sm_150 {
	width: 100%;
	max-width: 150px;
}
.w_sm_300 {
	width: 100%;
	max-width: 300px;
}
.w_sm_500 {
	width: 100%;
	max-width: 500px;
}
/*btn*/
.btn {
	letter-spacing: 1px;
	transition: all 0.15s ease-out;
	font-size: 15px;
	color: #FFF;
	padding: 10px 20px;
	font-weight: bolder;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.btn.small{
	padding: 6px 30px;
}
.btn:hover {
	color: #FFF;
}
.btn-fb {
	background: #3b5998;
	color: #FFF;
}
.btn-fb:hover {
	background: #23527c;
}
.btn.Blue {
	background: #6bb8c6;
}
.btn.Blue:hover {
	background: #459aaa;
}
.btn.Org {
	background: #F28B23;
}
.btn.Org:hover {
	background: #e87d11;
}
.btn.Gray {
	background: #999;
}
.btn.Gray:hover {
	background: #666;
}
/*a_Color*/
.ac_blue{
	color: #6bb8c6;
}
.ac_blue:hover{
	color: #459aaa;
}
.ac_yellow{
	color: #fff95e;
}
.ac_yellow:hover{
	color: #ede629;
}
/*Color*/
.c_red{
	color:#ff5656;
}
.c_green{
	color:#5cb85c;
}
/*input*/
.checkbox, .radio{
	margin:15px 0;
}
.checkbox label, .radio label{
	padding:0 0 0 30px;
}
.radio input[type=radio],.radio input[type=checkbox]{
	width:20px;
	height:20px;
	margin:0 3px 0 -30px;
	background:#FFF;
	top:2px;
	vertical-align:middle;
}
/*bread*/
.Bread {
}
.breadcrumb {
	background: none;
	padding: 15px 0;
	margin: 0;
	font-size: 13px;
}
.breadcrumb a {
	color: #6bb8c6;
}
/*header*/
.Category_m.pro{
	display:none;
}
header {
}
.guide {
	background: #FFF;
	height: 40px;
	line-height: 40px;
	color: #6bb8c6;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	font-size: 13px;
}
.guide .row {
	position: relative;
	z-index: 999;
}
.item_list_title {
	width: 180px;
	color: #6bb8c6;
	font-size: 15px;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	font-weight: bolder;
	cursor: pointer;
	float: left;
	background: rgba(107,184,198,0.1);
}
.item_list_title i {
	margin: 0 5px 0 0;
}
.item_list_title:hover ~ .Category {
	left: 0;
	opacity: 1;
	transition: opacity 0.15s ease-out;
}
.Category {
	font-size: 15px;
	position: absolute;
	left: -9999px;
	padding: 0;
	top: 40px;
	width: 180px;
	opacity: 0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	background: #FFF;
}
.Category:hover {
	left: 0;
	opacity: 1;
}
.c-list {
	position: relative;
	border-bottom: 1px solid #dededb;
	transition: all 0.15s ease-out;
	display: block;
}
.c-list > a {
	background: url(../Images/arrow_s.png) no-repeat right 15px bottom 13px;
	display: block;
	color: #666;
	padding: 10px 15px;
	font-size: 13px;
	line-height: 1;
}
.c-list.no > a {
	background: none;
}
.c-list:hover {
	background-color: rgba(107,184,198,0.1);
}
.c-list > a:hover {
	text-decoration: none;
}
.c-list a span {
	padding: 0 0 0 3px;
	display: inline-block;
	font-size: 12px;
	color: #999;
}
.c-list-inner {
	position: absolute;
	opacity: 0;
	left: -9999px;
	width: 180px;
	background: #FFF;
	transition: opacity 0.15s ease-out;
	padding: 10px 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.c-list-inner li {
	display: block;
}
.c-list-inner a {
	display: block;
	color: #888;
	margin: 0;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	padding: 0 15px;
	transition: all 0.15s ease-out;
}
.c-list-inner a:hover {
	background: rgba(107,184,198,0.1);
}
.c-list:hover .c-list-inner {
	opacity: 1;
	left: 175px;
	top: -15px;
	z-index: 999;
}
.content {
	float: left;
	_display: inline;
	position: relative;
	_height: 1%;
}
.content-s {
	width: calc(100% - 175px);
	box-sizing: border-box;
}
.content-m {
	width: 750px;
}
.content-l {
	width: 100%;
}
.guide ul.smenu {
	margin: 0;
	float: right;
	color: #666;
}
.guide ul.smenu li {
	display: inline-block;
	position: relative;
}
.guide ul.smenu li > a {
	padding: 0 0 0 15px;
	display: inline-block;
	color: #6bb8c6;
	margin: 0 0 0 10px;
}
.guide ul li > a i {
	margin: 0 4px 0 0;
}
.guide ul li > a i.no {
	margin: 0 0 0 5px;
}
.guide ul li div {
	position: absolute;
	width: 175px;
	border: 1px solid #eaeaea;
	border-top: 0;
	background: #fff;
	opacity: 0;
	transition: opacity 0.15s ease-out;
	left: -9999px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.guide ul li div a {
	border-bottom: 1px solid #eaeaea;
	height: 33px;
	line-height: 33px;
	display: block;
	color: #666;
	padding: 0 15px;
	transition: all 0.15s ease-out;
}
.guide ul li div a:hover {
	background: rgba(107,184,198,0.1);
	text-decoration: none;
}
.guide ul li div a:last-child {
	border: none;
}
.guide ul li:hover {
	z-index: 999;
}
.guide ul li:hover div {
	opacity: 1;
	left: 25px;
}
.search_box {
	position: relative;
	padding: 18px 0;
	float: right;
}
.counter {
	color: #6bb8c6;
	margin: 0 auto;
	display: table;
}
.counter .number {
	padding: 0 0 5px 0;
	margin: 0;
}
.counter input {
	margin: 0 0 0 -4px;
}
.counter input[type=text] {
	width: 230px;
	height: 35px;
	padding: 0 0 0 10px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	font-size: 15px;
	vertical-align: top;
	outline: none;
}
.counter input[type=button] {
	width: 65px;
	height: 35px;
	background: #6bb8c6;
	color: #FFF;
	border: 1px solid #6bb8c6;
	border-radius: 3px;
	font-size: 15px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	cursor: pointer;
	vertical-align: top;
}
.counter .key_word a:first-child {
	padding: 0 13px 0 0;
}
.counter .key_word a:last-child {
	border: none;
}
/*footer*/
footer {
	margin: 60px 0 0 0;
	background: #6bb8c6;
	color: #FFF;
}
footer .store_menu {
	background: #FFF;
}
footer span {
	display:inline-block;
	width: 180px;
	height: 72px;
	text-align: center;
	/*background: #FFF;*/
	border-radius: 5px;
	vertical-align:bottom;
}
footer img {
	max-width: 180px;
	max-height: 72px;
}
footer span.ec{
	font-size:12px;
}
footer span.ec img{
	width:100px;
}
footer .copy {
	overflow: hidden;
	padding: 35px 0;
	font-size: 13px;
	text-align:center;
}
footer .copy o {
	display: inline-block;
	padding: 25px 0 0 0;
	
}
footer .copy i {
	margin: 0 5px 0 10px;
}
/*store_top*/
.store_top {
	padding: 60px 0 20px 0;
}
.store_top h1 {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.store_top h1 img {
	max-width: 250px;
	max-height: 100px;
}
.store_top .Name {
	display: inline-block;
	width: 45%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	font-size: 13px;
}
.store_top .Name h2 {
	font-size: 21px;
	font-weight: bolder;
	padding: 10px 0 5px 0;
	margin: 0;
	color: #6bb8c6;
}
.store_top .Name h4 {
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}
.store_top .Name p{
	padding:5px 0 0 0;
}
.store_top .Name a{
	background:#6bb8c6;
	color:#FFF;
	padding:4px 8px;
	border-radius:3px;
	transition:all 0.15s ease-out;
	margin:0 5px 0 0;
}
.store_top .Name a:hover{
	background:#459aaa;
	text-decoration:none;
}

.store_top .Name a i{
	margin:0 4px 0 0;
}
.store_menu {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.store_menu ul {
	margin: 0;
	padding: 0 0 0 4px;
}
.store_menu li {
	display: inline-block;
	width: 12%;
	border-right: 1px solid #eaeaea;
	margin: 0 0 0 -4px;
}
.store_menu li:first-child {
	border-left: 1px solid #eaeaea;
}
.store_menu li a {
	display: block;
	padding: 10px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	transition: all 0.15s ease-out;
}
.store_menu li a:hover, .store_menu li.focus a {
	background: #6bb8c6;
	color: #FFF;
	text-decoration: none;
}
.store_banner {
	padding: 15px 0;
}
.store_banner img {
	max-width: 100%;
}
/*pro_list*/
.pro_list div.col-sm-2 {
	padding: 0;
}
.pro_list .thumbnail {
	border: none;
	padding: 15px 0;
	transition: all 0.15s ease-out;
	margin: 0;	
}
.pro_list .thumbnail:hover{
	text-decoration:none;
}
.pro_list .thumbnail:hover h2 {	
	text-decoration:underline;
}

.pro_list a.thumbnail:hover span{
	text-decoration: none;
}

.pro_list .thumbnail .img {
	width: 100%;	
	vertical-align: middle;
	background: #FFF;
	text-align: center;
}
.pro_list .thumbnail .img img {
	max-width: 100%;
}
.pro_list .thumbnail .caption {
	padding: 9px 5px 0 5px;
}
.pro_list h2 {
	margin: 10px 0 0 0;
	font-size: 13px;
	color: #666;		
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: 38px;
	
}
.pro_list span {
	font-size: 17px;
	font-weight: bolder;
	color: #c00;
}
.pro_list span o {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin: 0 5px 0 0;
}
/*Index_pro*/
.Index_pro {
	border: 2px solid #6bb8c6;
	overflow: hidden;
	padding:1px;
}
/*pro_list*/
.pro_list.col-sm-2 {
	padding-left: 0;
}
.pro_list .list-group {
	border-radius: 5px;
	overflow: hidden;
}
.pro_list .title {
	text-align: center;
	padding: 25px 0;
	background: #6bb8c6;
	color: #FFF;
}
.pro_list .title span {
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #FFF;
}
.pro_list .list-group ul {
	padding: 0;
}
.pro_list .list-group-item {
	padding: 0;
}
.pro_list .list-group-item:hover {
	background: rgba(107,184,198,0.1);
}
.pro_list .list-group-item.active {
	background: rgba(107,184,198,0.1);
	border: 1px solid #ddd;
	color: #666;
}
.pro_list .list-group-item a {
	display: block;
	font-size: 13px;
	box-sizing: border-box;
	padding: 8px 10px;
	transition: all 0.15s ease-out;
}
.pro_list .list-group-item > a {
	background: url(../Images/arrow_s.png) no-repeat right 10px bottom 13px;
}
.pro_list .list-group-item.active > a, .pro_list .list-group-item.active:hover > a {
	background: url(../Images/arrow_sd.png) no-repeat right 10px bottom 13px;
	color: #6bb8c6;
	font-weight: bolder;
}
.pro_list .list-group-item.no a {
	background: none;
}
.pro_list .list-group-item a:hover {
	color: #6bb8c6;
	text-decoration: none;
}
.pro_list .list-group-item-inner li.active a {
	color: #6bb8c6;
	text-decoration: underline;
}
.pro_list .list-group-item a span {
	color: #999;
	font-size: 12px;
	display: inline-block;
	margin: 0 0 0 3px;
	font-weight: normal;
}
.list-group-item ul {
	display: none;
	background: #FFF;
}
.pro_list .list-group-item.active ul {
	display: block;
}
.pro_list .list-group-item.active ul li a {
	padding: 5px 10px;
}
.pro_list .list-group-item.active ul li a.focus{
	color: #6bb8c6;
}
.pro_list .list-group-item.active ul li a:before {
	content: "●";
	padding-left: 5px;
	display: inline-block;
	margin: 0 3px 0 -4px;
	font-size: 12px;
}
/*pro_list_r*/
.pro_list_r.col-sm-10 {
	padding: 0;
}
.pro_list_r .condition .breadcrumb {
	background: none;
	padding: 15px;
	margin: 0;
	text-align: right;
	border-radius: 5px;
	background: #f0f0f0;
}
.pro_list_r .condition .breadcrumb a {
	color: #6bb8c6;
}
.pro_list_r .pro_list {
	margin: 15px 0 0 0;
	overflow: hidden;
}
.pro_list_r .Index_pro.pro_list{
	margin:0 0 15px 0;
}
.pro_list_r .Index_pro.pro_list .thumbnail{
	padding:15px;
}
.pro_list_r .Index_pro.pro_list .thumbnail:hover{
	text-decoration:none;
}
.owl-carousel.Index_pro .owl-item img{
	width:auto;
	margin:0 auto;
	display:initial;
}
/*more*/
.pro_list_r.more{
	padding: 0;
}
/*pro_r*/
.pro_r.col-sm-10 {
	padding: 0;
}
.top_pro {
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.pro_r.col-sm-10 .col-sm-5 {
	padding: 0;
}
.pro_r.col-sm-10 .col-sm-7 {
	padding-right: 0;
}
.pro_r #sync1 .item {
	/*margin: 5px;*/
	color: #FFF;
	border-radius: 3px;
	text-align: center;
	/*display: table-cell;*/
	vertical-align: middle;
}
.pro_r #sync1 .item img{
	display: inline-block;
}
.pro_r #sync2 .item {
	margin: 5px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	display: table-cell;
	line-height: 50px;
	vertical-align: middle;
}
.pro_r #sync2 .item img {
	width: 100%;
	opacity: 0.7;
}
.pro_r #sync2 .current .item img {
	opacity: 1;
}
.owl-theme .owl-nav {
/*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.pro_r .owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	background: rgba(107,184,198,0.5);
}
.pro_r .owl-theme .owl-nav [class*='owl-']:hover {
	background: rgba(107,184,198,1);
}
.pro_r #sync1.owl-theme {
	position: relative;
}
.pro_r #sync1.owl-theme .owl-next, .pro_r #sync1.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	line-height: 32px;
}
.pro_r #sync1.owl-theme .owl-prev {
	left: 10px;
}
.pro_r #sync1.owl-theme .owl-next {
	right: 10px;
}
.top_pro .sale{
	display:block;
		padding:10px 15px;
		background:#fffee7;
		border-radius:5px;
		font-size:14px;
		color:#999;
}
.top_pro .sale b{
	font-size:21px;
	display:block;
	color:#F28B23;
	font-weight:bolder;
}
.top_pro .sale.mm{
	display:none;
}
.detail_one{
	padding:0 0 0 15px;
}
.detail_one .name {
	font-size: 20px;
	font-weight: bolder;
	color: #000;
}
.detail_one .features {
	padding: 0 0 0 25px;
	font-size: 15px;
}
.detail_one .features li {
	list-style: disc;
}
.detail_one .way {
	font-size: 15px;
	margin: 15px 0 0 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 10px 0 8px 5px;
}
.detail_one .way.size {
	border: none;
	margin: 0;
}
.detail_one .way p {
	margin: 0 0 5px 0;
}
.detail_one .way p span {
	color: #999;
	font-size: 14px;
	display: inline-block;
	width: 80px;
	font-weight: normal;
	letter-spacing: 1px;
}
.detail_one .money {
	color: #000;
	font-weight: bolder;
	font-size: 21px;
}
.detail_one .money.hot {
	color: #F00;
}
.detail_one .money o {
	font-size: 17px;
}
.detail_one .size div {
	margin: 0 0 5px 0;
}
.detail_one .size div span {
	color: #999;
	font-size: 14px;
	display: inline-block;
	width: 80px;
	font-weight: normal;
	letter-spacing: 1px;
	vertical-align: top;
}
.detail_one .size .choose {
	display: inline-block;
	width: calc(100% - 85px);
	vertical-align: top;
}
.detail_one .size .choose label {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 3px;
	border: 1px solid #CCC;
	cursor: pointer;
	transition: all 0.15s ease-out;
}
.detail_one .size .choose label.active, .detail_one .size .choose label:hover {
	background: #6bb8c6;
	color: #FFF;
	border: 1px solid #6bb8c6;
}
.detail_one .size .choose label.no, .detail_one .size .choose label.no:hover {
	border: 1px solid #efefef;
	background: #efefef;
	color: #CCC;
}
.detail_one .size .much input[type=button] {
	background: #fafafc;
	border: 1px solid #CCC;
	height: 35px;
	width: 30px;
	text-align: center;
	vertical-align: top;
}
.detail_one .size .much input[type=text] {
	border: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	width: 40px;
	text-align: center;
	height: 35px;
	vertical-align: top;
	margin:0 -4px;
}
.detail_one .size .do {
	padding: 0 0 0 4px;
	overflow: hidden;
	margin: 30px 0 0 0;
}
.detail_one .size .do a {
	display: block;
	float: left;
	width: 47%;
	margin: 0 0 0 1.5%;
	text-align: center;
	color: #F28B23;
	border: 1px solid #F28B23;
	border-radius: 3px;
	padding: 15px 0;
	font-size: 17px;
	font-weight: bolder;
}
.detail_one .size .do a:first-child {
	margin: 0 1.5% 0 0;
	background: #F28B23;
	color: #FFF;
}
.detail_one .size .do a:hover {
	text-decoration: none;
}
.detail_one .share_box{
	padding:10px 0 0 4px;
	text-align:center;
}
.detail_one .share_box a{
	width:28%;
	margin:0 0 0 -4px;
	color:#FFF;
	padding:7px 15px;
	font-size:12px;
	letter-spacing:0;
	font-weight:normal;
}
.detail_one .share_box a:nth-child(1){
	background:#365899;
}
.detail_one .share_box a:nth-child(2){
	margin:0 1%;
	background:#48be00;
}
.detail_one .share_box a:nth-child(3){
	background:#ff1493;
}
.detail_two .edit {
	padding: 15px 0;
	border-bottom: 1px solid #dddddd;
	margin: 0 0 15px 0;
}
.detail_two .edit img {
	max-width: 100%;
}
/*sign_in*/
.sign_in {
	margin: 0 auto;
}
.sign_in .btn {
	width: 100%;
}
.sign_in a {
	margin: 0 0 5px 0;
	display: inline-block;
}
.sign_in label {
	text-align: left;
	display: block;
}
/*user_edit*/
.user_edit {
	overflow: hidden;
}
.user_edit .col-sm-6:first-child{
	padding:15px 15px 0 0;
}
.user_edit .col-sm-6:nth-child(2){
	padding:15px 0 0 15px;
}
.user_edit p.title {
	margin: 0 0 15px 0;
}
.Freight > div{
	background:#f6f6f6;
	padding:15px;
	margin:0 0 10px 0;
}
.user_title {
	font-weight: bolder;
	cursor: pointer;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 0 8px 0;
	transition: all 0.15s ease-out;
}
.user_title i {
	font-size: 12px;
	vertical-align: middle;
}
.user_title:hover {
	color: #333;
}
.user_title .icon {
	color: #999;
	transition: all 0.15s ease-out;
	margin: 0 0 0 10px;
	font-size: 17px;
}
.user_title .icon:hover {
	color: #666;
}
.user_box {
	display: none;
	margin: 0 0 10px 0;
}
.Freight select {
	display: inline-block;
	margin: 0 0 5px 0;
}
.add_user {
	color: #6bb8c6;
	cursor: pointer;
}
.add_user:hover {
	color: #459aaa;
}
/*Cart*/
.cart .name{
	font-size:15px;
}
.cart .name a:hover{
	text-decoration:none;
}
.cart .name p{
	font-size:13px;
	padding:5px 0 0 0;
	color:#999;
}
.cart .img {
	width: 80px;
	display: table-cell;
	vertical-align: middle;
	background: #FFF;
	line-height:80px;
	float:left;
	margin:0 10px 0 0;
}
.cart .img img {
	width: 100%;
}
.cart .much input[type=button] {
	background: #fafafc;
	border: 1px solid #CCC;
	height: 35px;
	width: 30px;
	text-align: center;
	vertical-align: top;
}
.cart .much input[type=text] {
	border: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	width: 40px;
	text-align: center;
	height: 35px;
	vertical-align: top;
	margin:0 -4px;
}
.cart .del{
	color:#6bb8c6;
	font-size:21px;
	transition:all 0.15s ease-out;
}
.cart .del:hover{
	color:#459aaa;
}
.cart .trans .radio p{
	float:right;
}
.cart div.check{
	overflow:hidden;
}
.cart div.check p{
	float:left;
	margin:0;
}
.cart div.check p span{
	font-size:21px;
	padding:0 0 0 5px;
}
.cart div.check a{
	float:right;
	margin:5px 0 0 10px;
}
/*Pay*/
.shop_info{
	padding:10px 0 0 0;
	color:#F28B23;
	font-weight:bolder;
}
.pay .Freight.user > div{
	background:none;
	margin:0;	
}
.pay .Freight .col-sm-6{
	padding:15px;
}
.pay div.check{
	overflow:hidden;
}
.pay div.check p{
	float:left;
	margin:0;
}
.pay div.check p span{
	font-size:21px;
	padding:0 0 0 5px;
}
.pay div.check a{
	float:right;
	margin:5px 0 0 15px;
}
.pay .col-sm-6{
	padding:0;
}
.pay .card label{
	display:block;
}
.pay .card_box input{
	display:inline-block;
	width:75px;
}
.pay .card_box select{
	display:inline-block;
}
.atm_box,.card_box{
	display:none;
}
.invoice_box{
	display:none;
}
.invoice_box .col-sm-6:first-child{
	padding:0 15px 0 0;
}
.invoice_box .col-sm-6:nth-child(2){
	padding:0 0 0 15px;
}
.invoice_box .invoice_address label{
	display:block;
}
.invoice_box select{
	display:inline-block;
	margin:0 0 5px 0;
}
/*Complete*/
.complete div.atm_ck{
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	border-top:1px solid #DDD;
}
/*Orderlist*/
.key_search select.form-control,.key_search input.form-control,.key_search button.form-control{
	display:inline-block;
}
.key_search button.form-control{
	background:#999;
	color:#FFF;
	transition:all 0.15s ease-out;
}
.key_search button.form-control:hover{
	background:#666;
}

.o_box{
	margin:0 0 25px 0;
}
.Orderlist .title span{
	display:inline-block;
	margin:0 40px 0 0;
}

.Orderlist .title a.now{
	color:#0b4b93;
	font-size:13px;
	margin:0;
	background: #FFF;
	padding: 1px 5px;
	border-radius: 3px;
	font-weight: bolder;
}
.Orderlist .title a.write{
	color:#11930b;
	font-size:13px;
	margin:0;
	background: #FFF;
	padding: 1px 5px;
	border-radius: 3px;
	font-weight: bolder;
}
.cart.Orderlist .img {
	width: 80px;
	display: table-cell;
	vertical-align: middle;
	background: #FFF;
	line-height:80px;
	float:left;
	margin:0 10px 0 0;
}
/*News*/
.in_box.news{
	padding:0;
}
.in_box.news ul{
	margin:0;
	padding:0;
}
.in_box.news li {
	border-bottom: 1px dashed #e3c89f;
	padding:0 0 15px 4px;
	margin:0 0 15px 0;
}

.in_box.news li a.img{	
	display: inline-block;
	box-sizing: border-box;
	width: 200px;
	height:150px;
	transition: all 0.15s ease-out;
	margin:0 0 0 -4px;
	text-align:center;
	vertical-align:top;
}

.in_box.news li a.img img{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

.in_box.news li div{
	margin:0 0 0 -4px;
	display:inline-block;
	width:calc(100% - 200px);
	box-sizing:border-box;
	padding:0 0 0 20px;
}
.in_box.news li div span {
	display: block;	
}

.in_box.news li div a{
	color: #6bb8c6;
	font-size:23px;
	font-weight:bolder;
	border-bottom:1px dashed #ccc;
	display:block;
	transition:all 0.15s ease-out;
	padding:0 0 7px 0;
}

.in_box.news li div a:hover{
	text-decoration:none;
	color: #459aaa;
}

.in_box.news li div p{
	padding:7px 0 0 0;
}

.pager.news{
	text-align:center;
}

.news_info{
	overflow:hidden;
	text-align:right;
}

.news_info span{
	float:left;	 
}

.news_info a{
	background:#3b5998;
	color:#FFF;
	font-size:13px;
	padding:2px 10px;
	border-radius:3px;
	display:inline-block;
	transition:all 0.15s ease-out;
}

.news_info a:hover{
	text-decoration:none;
	background:#2c4a89;
}
/*mobile*/
.mobile_menu{
	display:none;
}

/**/
.Sales_box{
	width: 180px;
	height: 140px;
}

.Sales_box.mobile{
	display: none;
}

.Sales_box .card{
	width: 180px;
	height: 140px;
	background-repeat: no-repeat;
	border: 1px solid #CCC;	
	margin: 0 0 10px 0;
}

.Sales_box a{
	display: block;
	width: 180px;
	height: 140px;
	position: relative;
	overflow: hidden;
}

.Sales_box .logo{
	max-width: 80px;
	max-height: 40px;
	margin: 5px 0 0 5px;
}

.Sales_box .name{
	position: absolute;
	left: 10px;
	top: 55px;
	font-family: 'century gothic','cwtexming',"微軟正黑體";
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 1px;
}

.Sales_box .phone{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.65);
	color: #FFF;
	margin: 0;
	padding: 5px 15px;
	box-sizing: border-box;
	font-weight: bolder;
	font-size: 17px;
	letter-spacing: 1px;
}

.social_buttons {
	margin: 0 0 15px 0;
}