/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Metrophobic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
input{
	outline:none;
}
.light-box{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3000;
	background:url(images/black-tran.png) ;
}

body {
	line-height: 1;
	/*font-family: "Lato",Arial, Verdana, Helvetica, sans-serif;*/
	font-family:"Lato","Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,Arial,sans-serif;

	font-size:13px;
	line-height:22px;
/*	letter-spacing:2px;*/
	color:#3F3F3F;
	min-width:1024px;
}

.Explorer7 img{
	margin:0 0 5px 0;
}

body textarea{
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	font-family:"Lato","Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,Arial,sans-serif;
	outline:none;


}

::selection
{
/*background:#ffdcd0;*/
}
::-moz-selection
{
/*background:#ffdcd0;*/
}

ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
/*	outline: thin dotted;*/
}
a{
	outline:none;

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


.main-blk{
	/*position:absolute;*/
	top:0;
	left:0;
	width:100%;
	min-width:1024px;
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}

.main-blk-bg{
	position:absolute;
	width:100%;
	height:auto;
}

.main-blk .grey-tran{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	background:url(images/grey-tran.png);
	z-index:100;

}

.logo{
	position:absolute;
	top:35px;
	left:35px;
	z-index:1000;
	display:none;
}
.home .logo{
	display:block
}
.home .logo2{
	display:none;
}

.logo2{
	position:absolute;
	top:35px;
	display:block;
	left:35px;
	z-index:1000;
}

.main-blk .center{
	display:block;
	text-align:center;
	width:960px;
	height:300px;
	position:relative;
	z-index:200;
	margin:0 auto;
}
.main-blk .center .slogan{
	margin:20px auto;
}

.main-blk .center .selldesc-remark{
	font-size:13px;
    position: fixed;
    bottom: 4px;
    right: 8px;
	color: #fff;
}
.center-btns-blk{
	display:block;
	margin:0 auto;
	width:465px;
	height:43px;
}

.center-btns-blk .button{
	display:block;
}

.center-btns-blk .button.left{
	float:left;
	display:block;
	width:200px;
	height:53px;
	background:#9CD65A;
	border-radius:5px;
	line-height:43px;
	text-decoration:none;
font-size:20px;
color:#fff;
margin:45px 0 0 0;
}
.center-btns-blk .button.left .buy{
	float:left;
	font-size:38px;
	margin:5px 0 0 20px;
}
.center-btns-blk .button.left .mobilebuy{
	float:left;
	font-size:16px;
	margin:0px 0 0 8px;
}
.center-btns-blk .button.left .buydesc{
	font-size:15px;
	margin:5px 0 0 0;
}
.center-btns-blk .button.left .mobilebuydesc{
	font-size:10px;
	margin:0px 0 0 0;
}
.center-btns-blk .button.right{
	background:#fff;
	float:right;
display:block;
	width:200px;
	height:53px;
/*		background:#9CD65A;*/
border-radius:5px;
border:1px solid #9CD65A;
line-height:43px;
font-size:20px;
	text-decoration:none;color:#fff;
    color: #9CD65A;
margin:45px 0 0 0;
}
.center-btns-blk .button.right .sell{
	float:left;
	font-size:38px;
	margin:5px 0 0 20px;
}
.center-btns-blk .button.right .mobilesell{
	float:left;
	font-size:16px;
	margin:0px 0 0 8px;
}
.center-btns-blk .button.right .selldesc{

	display: inline-block;
	font-size:15px;
	margin:5px 0 0 0;
	line-height: 20px;
}
.center-btns-blk .button.right .mobileselldesc{

	display: inline-block;
	font-size:10px;
	margin:0px 0 0 0;
	line-height: 10px;
}


.menu{
	position:absolute;
	top:35px;
	right:35px;
	z-index:200;
}

.menu li{
	float:left;
	font-size:18px;
	margin:0 0 0 20px;
	list-style-type:none;
}

.menu li a{
	text-decoration:none;
	color:#555555;
}
.menu li a:hover{
	text-decoration:underline;
}

.home .menu li a{
	color:#fff;
}

.coupons-blk{
	display:block;
	width:100%;
	height:580px;
	background:#FBF9FC;
	float:left;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
}

.coupons-blk .title{
	margin:70px 0 0 0 ;
}

.coupons-blk .txt{
	margin:20px 0 0 0;
	float:left;
	width:100%;
}
.coupon-li{
	float:left;
	margin:0 20px 0 0;
	list-style-type:none;
}

.coupon-li.last{
	margin:0;
}
.coupon-li img{
	width:235px;
	height:113px;
}

.coupon-ul{
	margin:35px auto 0 auto;
	width:1001px;
	display:block;
}

.check-all-coupons-btn{
  display: block;
  width: 222px;
  height: 43px;
  background: #9CD65A;
  border-radius: 5px;
  line-height: 43px;
  text-decoration: none;
  font-size: 20px;
  color: #FFF;
  margin: 45px auto 0 auto;
}



.btn{
  display: block;
  width: 222px;
  height: 43px;
  background: #9CD65A;
  border-radius: 5px;
  line-height: 43px;
  text-decoration: none;
  font-size: 20px;
  color: #FFF;
  margin: 45px auto 0 auto;
}


.coupon-ul-blk{
	float:left;
	width:100%;
	text-align:center;
}

.check-all-coupons-btn-blk{
	float:left;
	width:100%;
	display:block;
	text-align:center;
}

.btn-blk{
	float:left;
	width:100%;
	display:block;
	text-align:center;
}

.btn-blk.transaction{
	background:#FBF9FC;margin:0 0 86px 0;float:none;background:#fff;
}

.agreebox input[type="checkbox"]{
	zoom: 2;
}

.agreebox span{
	font-size: 20px;
	text-align:left;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.sell-coupons-blk{
	display:block;
	float:left;
	width:100%;
	height:440px;
	position:relative;
	background:#fff;
}
.sell-coupons-middle{
	display:block;
	width:1000px;
	margin:0 auto;
}

.sell-coupons-blk-right{
	float:right;
	margin:110px 0 0 0;
	text-align:right;
}

.sell-coupons-blk-right .txt{
	text-align:right;
	margin:20px 0 0 0;
}

.selling-coupons-btn{
	 display: block;
  width: 222px;
  height: 43px;
  background: #9CD65A;
  border-radius: 5px;
  line-height: 43px;
  text-align:center;
  text-decoration: none;
  font-size: 20px;
  color: #FFF;
  float:right;
  margin:45px 0 0 0;
/*  margin: 45px auto 0 auto;*/
}

.hand{
	/*
	position:absolute;
	bottom:-70px;
	left:0;
	*/
	float:left;
	margin:105px 0 0 0;
}

.platform-blk{
	display:block;
	float:left;
	width:100%;
	height:505px;
	background:#35424B;
}

.platform-blk .center{
	display:block;
	width:1000px;
	margin:0 auto;
	position:relative;
}

.platform-blk .jag-logo-big{
	position:absolute;
	right:0;
	top:140px;
}

.platform-title{
	margin:70px 0 0 0 ;
}

.platform-blk .center .txt{
	float:left;
	color:#fff;
	width:610px;
	margin:20px 0 0 0;
}

.media-link{
	float:left;
	margin:0 20px 0 0;
}

.media-links-blk{
	display:block;
	float:left;
	width:100%;
	margin:20px 0 0 0;
}

.sharing-blk{
	display:block;
	float:left;
	width:100%;
	height:500px;
	position:relative;
	background:#fff;
}

.footer-blk{
	display:block;
	float:left;
	width:100%;
	height:410px;
	background:#eeeeee;
}

.sharing-blk-middle{
	display:block;
	width:1125px;
	margin:0 auto;
}


.str-form{
	display:none;
}

.footer-blk-middle{
	display:block;
	text-align:center;
	width:100%;
	float:left;
	margin:70px auto 0 auto;

}

.contact-info-text{
	display:block;
	width:687px;
	margin:0 auto;
	text-align:left;
	font-size:16px;
	line-height:22px
}

.footer-menu{
	width:1000px;
display:block;
	margin:55px auto 0 auto;
	width:575px;
}

.footer-menu li{
	float:left;
	margin:0 58px 0 0;
}

.footer-menu li.last{
	margin:0;
}

.footer-menu li a{
	text-decoration:none;
	color:#525252;
	font-size:16px;
}

.footer-menu li a:hover{
	text-decoration:underline;
}
.footer-blk .line-blk{
	float:left;
	width:100%;
	margin:35px 0 0 0;

}
.footer-blk .line{
	display:block;
	height:1px;
	width:90%;
	margin:0 auto;
	background:#BBBBBB;
}

.copyright-blk{
	display:block;
	float:left;
	width:100%;
	text-align:center;
	margin:95px 0 0 0;
}

.title-blk{
	background:#CCCCCC;
	text-align:center;
	float:left;
	color:#fff;
	font-size:20px;
	line-height:60px;
	width:100%;
	height:60px;
	margin:110px 0 0 0;
}


.single-coupon .title-blk.buy{
		background:#3E4B55;

}
.single-coupon .title-blk.sell{
		background:#84A0B6;

}

.page-sell-confirmation .title-blk{
		background:#84A0B6;

}
.page-sell-coupon .title-blk
{
	background:#84A0B6;
}

.page-sell-coupon2 .title-blk
{
	background:#84A0B6;
}



.page-sell-transaction .title-blk
{
	background:#84A0B6;
}



.page-buy-coupon .title-blk
{
	background:#3E4B55;
}


.page-buy-coupon2 .title-blk
{
	background:#3E4B55;
}


.page-buy-transaction .title-blk
{
	background:#3E4B55;
}

.page-buy-confirmation .title-blk
{
	background:#3E4B55;
}


.title-blk img{
	margin:6px 0 0 0;
}

.content-blk{
	float:left;
	width:100%;

}

.content-blk.privacy
{
	background:#FBF9FC;
	padding:0 0 370px 0;

	border-bottom:1px solid #CCCCCC;
}

.content-blk.terms
{
	background:#FBF9FC;
	padding:0 0 370px 0;

	border-bottom:1px solid #CCCCCC;
}
.page-about-us .content-blk{
	height:820px;
	background:#FBF9FC;
	border-bottom:1px solid #CCCCCC;
}

.content-blk .middle{
	display:block;
	width:1000px;
	margin:0 auto;
}

.about-us-left{
	float:left;
	display:block;
	font-size:16px;
	width:680px;
	margin:75px 0 0 0;
}

.about-us-left img{
	margin:0 0 20px 0;
}

.guarantee-blk{
	display:block;
	float:left;
	width:100%;
	height:390px;
}

.guarantee-blk .middle{
	display:block;
	width:815px;
	margin:0 auto;
	position:relative;

}

.page-about-us .logo3{
	float:right;
	margin:140px 0 0 0;
}

.percentage-img{
	margin:75px 0 0 0;
}

.guarantee-blk table{
	float:right;
	width:535px;
	margin:62px 0 0 0;
	position:absolute;
	top:0;
	right:0;
}
.guarantee-blk table td {
	vertical-align:middle;
	font-size:15px;
	padding:0 0 20px 0;

}

.guarantee-blk table td .green{
	color:#9ED25E;
}
.guarantee-blk table td img{
}

.icon-td{
	text-align:center;
}

.trade-method-blk{
	display:block;
	float:left;
	width:100%;
	background:#35424B;
	padding:0 0 50px 0;
}

.trade-method-blk .middle{
	display:block;
	width:1000px;
	margin:0 auto;
	text-align:center;
}

.trade-method-ul{
	display:block;
	color:#fff;
	margin:60px 0 0 0;

}

.trade-method-ul li{
	float:left;
	width:280px;
	text-align:left;
	margin:0 65px 0 0;
	font-size:16px;
}
.trade-method-ul li img{
	margin:0 0 35px 0;
}

.trade-method-ul li.last{
	margin:0;
}

.trade-method-ul li.last_sell{
	margin:0 0 20px 100px;
	width:1080px;
}

.trade-blk-title{
	margin:60px auto 0 auto;
}
.trade-method-name{
	font-weight:bold;
}

.page-sell-coupon .explanation{
	padding:40px 0 0 0;
	text-align:center;
	color:#839FB7;
	font-size:16px;
	float:left;
	width:100%;
	background:#FBF9FC;

}

.page-sell-coupon2 .explanation{
	padding:40px 0 0 0;
	text-align:center;
	color:#839FB7;
	font-size:16px;
	float:left;
	width:100%;
	background:#FBF9FC;

}



.page-buy-coupon .explanation{
	padding:40px 0 0 0;
	text-align:center;
	color:#3D4B54;
	font-size:16px;
	float:left;
	width:100%;
	background:#FBF9FC;

}


.page-buy-coupon2 .explanation{
	padding:40px 0 0 0;
	text-align:center;
	color:#3D4B54;
	font-size:16px;
	float:left;
	width:100%;
	background:#FBF9FC;

}

.explanation-special {
	font-size:20px;
	font-weight:bold;
}

.coupons-pool-blk{
	display:block;
	float:left;
	width:100%;
	padding:45px 0 45px 0;
	background:#FBF9FC;
	border-bottom:1px solid #ccc;
}

.coupons-pool-blk .middle{
	display:block;
	width:1000px;
	margin:0 auto;

}

.coupon-blk{
	display:block;
	width:240px;
	height:230px;
	float:left;
	text-align:center;
	background:#fff;
	font-size:16px;
	border:1px solid #DDDDDD;
	border-radius:6px;
	margin:0 10px 10px 0;
	padding:20px 0 0 0;
}

.coupon-blk.last{
	margin:0 0 10px 0;
}

.coupon-blk .coupon-a{
	padding:10px 0 10px 0;
	text-decoration:none;
}

.coupon-blk .coupon-a img{
	padding:0 0 10px 0;

}

.coupon-blk .blk{
	width:215px;
	margin:0 auto;
	text-align:left;
}

.coupon-blk .input-blk{
	display:block;
	float:left;
	width:100%;
}

.coupon-blk .input-blk .middle{
	display:block;
	width:125px;
	margin:20px auto 0 auto;
}

.minus-btn{
	float:left;
}


.add-btn{
	float:right;
}

.coupon-blk .input-blk .middle span{
	float:left;
	padding:0 5px 0 5px;
}

.coupon-blk .input-blk .middle input{
	float:left;
	padding:0 5px 0 5px;
	width:20px;
	height:18px;
	text-align:center;
}

.coupon-detail-blk{
	display:block;
	float:left;
	width:100%;
	min-height:700px;
	background:#FBF9FC;
	border-bottom:1px solid #CCCCCC;
}

.coupon-detail-blk .coupon-detail{
	display:block;
	width:1000px;
	float:left;
/*	height:488px;*/
	background:#FFF;
	margin:46px auto 0 auto;
	border:1px solid #DDDDDD;
	padding:0 0 40px 0;
}

.coupon-detail-blk .coupon-detail .middle{
	display:block;
	width:615px;
	margin:0 auto;
}

.coupon-detail-blk .coupon-detail .middle .coupon-img{
	width:385px;
	height:auto;
	float:left;
	margin:50px 0 0 0;
}

.coupon-detail-blk .coupon-detail .middle .blks{
	float:left;
	font-size:20px;
	margin:55px 0 0 30px;
}

.coupon-detail-blk .coupon-detail .middle .blks .blk{
	margin:0 0 5px 0;
}

.coupon-detail-information{
	display:block;
	float:left;
	width:100%;
	margin:20px 0 0 10px;
	font-size:12px;

}

.main-transaction-blk{
	display:block;
	width:1000px;

	margin:45px auto 0 auto;
	background:#fff;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:0 0 150px 0;
}

.main-transaction-blk table{
	width:940px;
	margin:0 auto;
	table-layout:fixed;
}
.main-transaction-blk table td{
	text-align:center;
	padding:0 0 15px 0;
}

.main-transaction-outer{
	display:block;
	float:left;
	width:100%;
	background:#FBF9FC;
	padding:0 0 160px 0;
	border-bottom:1px solid #ddd;

}


.main-transaction-blk .text{
	display:block;
	text-align:center;
	font-size:18px;
	margin:50px 0 10px 0;


}
.main-transaction-blk table td{
	vertical-align:middle;
	text-align:center;
	font-size:17px;
}

.main-transaction-blk .input-blk input{
	width:15px;
	text-align:center;


}
.main-transaction-blk .input-blk
{
	  width: 118px;
  margin: 0 auto;
}
.main-transaction-blk .input-blk  span{
	padding:0 3px 0 3px;
}

.main-transaction-blk table td.transaction-table-total-td{
	text-align:right;
}

.transport-method-title{
	display:block;
	width:100%;
	text-align:center;
	margin:45px 0 45px 0;
	font-size:18px;
	color:#3D4B53;
}

.transport-methods-middle{
	display:block;
	width:920px;
	margin:0 auto;
	height:450px;
}

.transport-methods-middle .transport-method{
	  display: block;
  width: 290px;
  height: 405px;
  border: 1px solid #CCC;
  border-radius: 5px;
  float: left;
  font-size: 15px;
  padding: 15px 0 0 0;
  margin: 0 14px 0 0;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.transport-methods-middle .transport-method-sell{
  width: 905px;
  height: 375px;
}

.transport-methods-middle .transport-method-buy{
  width: 290;
  height: 400px;
}

.transport-methods-middle .transport-method .name{
	font-weight:bold;
}

.transport-methods-middle .transport-method.last{
	margin:0;
	height: 400px;
}

.transport-methods-middle .transport-method .txt{
	text-align:left;
	padding:8px;

	}

.form-blk{
	display:block;
	width:100%;
	margin:20px 0 0 0;
}

.form-blk .middle{
	display:block;
	width:838px;
	margin:0 auto;
}

.form-blk  .form-title{
	font-weight:bold;
}

.main-transaction-outer .total-cost{
	text-align:right;
}

.main-transaction-outer .form-table{
	width:838px;
	text-align:left;
}

.main-transaction-outer .form-table td{
	font-size:18px;
	padding:0 0 10px 0;
	vertical-align:top;
	line-height:39px;
	text-align:left;
	}

.main-transaction-outer .form-table td input{
	width:458px;
	height:39px;
	padding:0 10px 0 10px;
}

.main-transaction-outer .form-title{

  font-size: 18px;
  padding: 20px 0 10px 0;
/*  float: left;*/
  width: 100%;
  margin: 20px 0 0 0;

  font-size: 18px;
}

.main-transaction-outer table td textarea{
	width:458px;height:80px;
	display:block;
	border:1px solid #ccc;
	resize:none;
	outline:none;
	padding:10px;
}

.main-transaction-outer table td.jag-address{
	line-height:23px;
	padding:7px 0 16px 0 ;
}

.main-transaction-outer table td.jag-bank-info{
	line-height:23px;
}

.point{
	display:block;
	width:21px;
	height:21px;
	background:url(images/circle.png) no-repeat;
	float:left;
	margin:8px 10px 0 0;
}


.point.active{
	display:block;
	width:21px;
	height:21px;
	background:url(images/circle-active.png) no-repeat;
}

.tran-method-txt{
	
	margin:0 20px 0 0;

}

.total-blk{
	display:block;
	width:245px;
	border-radius:5px;
	height:153px;
	padding:20px;
	margin:30px auto 0 auto;
	font-size:20px;
	border:1px solid #CCCCCC;
}


.transport-method-img1{
	padding:16px 0 10px 0;
}


.transport-method-img2{
	padding:0 0 7px 0;
}

.transport-method.active{
	background:#E8FFCF;

}

.me{
	display:none;
}

.main-transaction-blk .text.confirmation-title{
	font-size:24px;
	color:#3D4B52;
	margin:40px 0 20px 0;
}

.confirmation-result{
	text-align:center;
	font-size:15px;
	color:#3D4B52;
}

.coupon-a-blk{
	float:left;
	width:100%;
	text-align:center;
}

.sell-coupon-tr-total-td{
	color:#ACDE73;
}


.pagination{
	position:absolute;
	left:0;
	width:100%;
	height:10px;
	bottom:20px;
}
.pagination .bullet{
	display:block;
	width:10px;
	float:left;
	margin:0 10px 0 0 ;
	border-radius:5px;
	height:10px;
	background:#666666;
}
.pagination .bullet.active{
	background:#000;
}
.pagination .bullet.last{
	margin:0;
}

.pagination .middle{
	margin:0 auto;
}

.contact-subtitle{
	text-align:center;
	padding:60px 0 0 0;
	float:left;
	width:100%;
	font-size:18px;
	color:#858585;
	background:#FBF9FC;
}



.content-blk .middle.contact{
	width:687px;


}
.email.contact-field{
	width:687px;
	height:39px;
	display:block;
	border:1px solid #CCCCCC;
	font-size:16px;
	padding:0 10px 0 10px;
	color:#858585;
	line-height:39px;
	margin:55px 0 0 0;
}

textarea.email-content{
	display:block;
	padding:0 10px 0 10px;
	resize:none;
	line-height:39px;
	color:#858585;
	width:100%;
	margin:20px 0 0 0;
	height:204px;
	font-size:16px;
	background:#FFF;
	border:1px solid #CCCCCC;
}
.mobile-percentage-img{
	display:none;
}
.content-blk.contact{
	background:#FBF9FC;
	padding:0 0 370px 0;

	border-bottom:1px solid #CCCCCC;

}
.btn.submit-btn{
	float:right;
	margin:45px 0 0 0;
}

.btn-blk.contact{
	padding:0 20px 0 20px;
}

.sent-msg{
	display:block;
	float:left;
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
	font-size:16px;
}

.content-blk .middle.privacy{
	font-size:16px;
	padding:20px 0 0 0;
}


.content-blk .middle.terms{
	font-size:16px;
	padding:20px 0 0 0;
}


.mobile-main-container{
	display:none;
}


.mobile-coupon-tr-total-div{
	display:none;
}


.col1{
	width:140px;
}

@media only screen and (max-width : 500px), only screen and (-webkit-device-pixel-ratio:3) {

.mobile-main-container{
	display:block;
}
.main-container{
	display:none;
}
.logo{
	top:25px;
	left:15px;
}
.logo img{
	width:148px;
}

.logo2{
	top:25px;
	left:15px;
}
.logo2 img{
	width:148px;
}

.menu li a{
	font-size:12px;
}
.menu{
	top:25px;
	right:22px;
}

.grey-tran{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	background:url(images/grey-tran.png);
	z-index:100;

}

.main-blk-bg{
	width:100%;
	height:auto;
}
body{
	min-width:0px;
	line-height:16px;
}
.mobile-main-container{
	min-width:0px;
}
.mobile-main-container .main-blk{
	width:100%;min-width:0px;

}

.main-blk .center{
	display:block;
	text-align:center;
	width:100%;
	height:300px;
	position:relative;
	z-index:200;
	margin:0 auto;
}
.center-btns-blk {
	width:233px;
}
.center-btns-blk .button.left{
	width:111px;
	height:22px;
	font-size:12px;
	margin:25px 0 0 0 ;
	line-height:22px;
}

.center-btns-blk .button.right{
	width:111px;
	height:22px;

	font-size:12px;
	line-height:22px;

	margin:25px 0 0 0 ;
}


.main-blk .center{
	height:185px;
}

.coupons-blk .txt{
	font-size:11px;
	text-align:left;
	width:262px;
	margin:20px auto;
	float:none;
}

.coupon-li img{
	width:120px;
	height:auto;

}
.coupon-ul{
	width:305px;
}
.coupon-li{
	float:left;
	margin:0 20px 20px 0;
	list-style-type:none;
}

.coupons-blk .title{
	margin:35px 0 0 0;
}
.check-all-coupons-btn{
	  margin: 20px auto 0 auto;
}
.sell-coupons-middle{
	width:auto;
}

.sell-coupons-blk-right{
	float:none;
	margin:23px auto 0 auto;
	text-align:left;
	width:262px;
}

.sell-coupons-blk-right .txt{
	text-align:left;
	margin:20px 0 0 0;
}
.sell-coupons-blk{
	display:block;
float:left;
width:100%;
height:380px;
position:relative;
background:#fff;
}

.btn{
  display: block;
  width: 111px;
  height: 22px;
  background: #9CD65A;
  border-radius: 5px;
  line-height: 22px;
  text-decoration: none;
  font-size: 12px;
  color: #FFF;
  margin: 20px auto 0 auto;
}



.check-all-coupons-btn{
  display: block;
  width: 111px;
  height: 22px;
  background: #9CD65A;
  border-radius: 5px;
  line-height: 22px;
  text-decoration: none;
  font-size: 12px;
  color: #FFF;
  margin: 20px auto 0 auto;
}

.coupons-blk{
	display:block;
	width:100%;
	height:480px;
	background:#FBF9FC;
	float:left;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
}


.selling-coupons-btn{
	 display: block;
  width: 111px;
  height: 22px;
  line-height:22px;

  background: #9CD65A;
  border-radius: 5px;
  text-align:center;
  text-decoration: none;
  font-size: 12px;
  color: #FFF;
  float:left;
  margin:20px 0 0 0;
/*  margin: 45px auto 0 auto;*/
}

.hand{
	margin:40px auto;
	height:113px;
	width:auto;
	float:none;
}
.hand-blk{
	float:left;
	width:100%;
	text-align:center;
}
.platform-title{
	height:22px ;
	width:auto;
}

.platform-blk .center{
	display:block;
	margin:0 auto;
	width:293px;
	position:relative;

}

.platform-blk .center .txt{
	width:180px;
}

.about-us-left .media-link img{
	width:84px;
	height:84px;
}

.media-link img{
	width:84px;
	height:84px;
}


.media-link{
	float:left;
	margin:0 10px 0 0;
}
.sharing-blk{
	height:400px;
}


.sharing-blk-middle{
	width:215px;
	margin:20px auto;
}



.footer-blk-middle{
	display:block;
	text-align:center;
	width:100%;
	float:left;
	margin:35px auto 0 auto;

}

.footer-menu{
	margin: 20px auto;
 	 width: 270px;

}
.footer-menu li a{
	  text-decoration: none;
  color: #525252;
  font-size: 9px;
}

.footer-menu li {
  float: left;
  margin: 0 16px 0 0;
}

.copyright-blk {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin: 45px 0 0 0;
  font-size:9px;
  line-height:11px;
}

.footer-blk {
  display: block;
  float: left;
  width: 100%;
  height: 275px;
  background: #EEE;
}

.title-blk{
	background:#CCCCCC;
	text-align:center;
	float:left;
	color:#fff;
	font-size:20px;
	line-height:45px;
	width:100%;
	height:45px;
	margin:75px 0 0 0;
}
.page-buy-coupon .explanation{
	padding:40px 0 0 0;
text-align:center;
color:#3D4B54;
font-size:12px;
float:left;
width:100%;
background:#FBF9FC;
}

.title-blk img{
	  width: 231px;
  margin: 8px 0 0 0;height:auto;
}
.coupons-pool-blk .middle{
	width:305px;
}

.coupon-blk{
	display:block;
width:145px;
height:170px;
float:left;
text-align:center;
background:#fff;
font-size:16px;
border:1px solid #DDDDDD;
border-radius:6px;
margin:0 10px 10px 0;
padding:20px 0 0 0;
}

.coupon-blk .coupon-a img{
	padding:0 0 10px 0;
width:130px;
height:auto;
}
.coupon-blk.even{
	margin:0 0 20px 0;
}
.coupon-blk .blk{
	margin:0 auto;
	width:130px;
	text-align:left;
	font-size:12px;
}
.guarantee-blk{
	height:565px;

}
.guarantee-blk table td img{
	width:60px;
}
.add-btn img{
}
.coupon-blk .input-blk .middle span {
  float: left;
  padding: 0 8px 0 8px;
}
.coupon-blk .input-blk .middle span{
	font-size:12px;
	line-height:21px;
}
.coupon-blk .input-blk .middle input {
  float: left;
  padding: 0 5px 0 5px;
  width: 20px;
  height: 16px;
  text-align: center;
}
.percentage-img{
	display:none;
}
.guarantee-blk table {
  float:none;
  width: 300px;
  position:relative;
  top:auto;
  right:auto;
  margin: 62px auto 20px auto;
}
.guarantee-blk .middle{
	width:auto;
	position:relative;
}


.mobile-percentage-img {
  display: block;
  margin: 0 auto 62px auto;
}


.trade-method-blk .middle{
	display:block;
	margin:0 auto;
	width:auto;
	text-align:center;
}

.trade-method-ul li
{
	text-align:center;
	width:120px;
	margin:0 50px 30px 0;
	font-size:12px;
}

.mobile .trade-method-ul li.even
{
	width:120px;
	margin:0 0 0 0;
}

.transport-methods-middle .transport-method.even
{
		margin:0 0 0 0;
}


.trade-method-ul li.even{
	margin:0;
}
.trade-method-ul li img{
	  width: 100px;
  height: auto;
}
.trade-method-ul {
  display: block;
  color: #FFF;
  margin: 60px auto;
  float: none;
  width: 299px;
}

.main-transaction-blk {
  display: block;
  width: 290px;
  margin: 45px auto 0 auto;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 0 0 46px 0;
}

.main-transaction-blk table{
	width:289px;
	margin:0 auto;
	table-layout:fixed;
	font-size:12px;
}
.main-transaction-blk .coupon{
	width:40px;
	height:auto;
}
.main-transaction-blk table td {
  vertical-align: middle;
  text-align: center;
  font-size: 9px;
}
.main-transaction-blk .input-blk {
  /* width: 118px; */
  margin: 0 auto;
  width:auto;
  top: -3px;
  position:relative;
}
.main-transaction-blk .minus-btn {
	display:none;
}
.main-transaction-blk .add-btn {
display:none;
}
.minus-btn img{
    float: left;
 /* width: 10px;*/
 /* position: relative;
  top: 5px;
  left: 3px;
  */
}
.add-btn img{
  float: left;
/*  width: 10px;*/
  /*position: relative;
  top: 5px;
  right: 3px;
  */
}

.mobile-coupon-tr-total-div{
	display:block;
}
.mobile-table-td-1{
	  width: 50px;
}
.mobile-table-td-2{
	  width: 66px;
}
.mobile-table-td-3{
	width: 50px;
  padding: 0 5px 0 4px;
  float: left;
  margin: 5px 0 0 0;
}
.mobile-table-td-4{
  width: 69px;
  line-height:10px;
  text-align: left;}
.main-transaction-blk .input-blk input{
	-webkit-appearance:none;
}

.main-transaction-blk{
	display: block;
width: 350px;
height: 2800px;
line-height:15px;
margin: 20px auto 0 auto;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
padding: 0 0 20px 0;
}

.transport-methods-middle .transport-method img{
	width:100px;
	height:auto;
}
.transport-methods-middle .transport-method{
	display: block;
 width: 125px;
 height: 375px;
 border: 1px solid #CCC;
 border-radius: 5px;
 float: left;
 font-size: 12px;
 padding: 15px 0 0 0;
 margin: 0 10px 10px 0;
 text-align: center;
 text-decoration: none;
 color: #333;
}
.transport-methods-middle{
	display:block;
width:264px;
margin:0 auto;
height:474px;
}
.main-transaction-blk table td.transaction-table-total-td {
  text-align: center;
  font-size: 14px;
}

.transport-method-title {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px 0 20px 0;
  font-size: 16px;
  color: #3D4B53;
}

.main-transaction-outer .form-table {
  text-align: left;
  width:262px;
}
.form-blk .middle{
	display:block;
	width:270px;
	margin:0 auto;
}
.form-blk .middle{
	display:block;
width:260px;
margin:0 auto;
font-size: 12px
}

.main-transaction-outer .form-table td input{
	width:auto;
	height:39px;
	padding:0 10px 0 10px;
}


.main-transaction-outer .form-table td{
	font-size:12px;
	padding:0 0 10px 0;
	vertical-align:top;
	line-height:39px;
	text-align:left;
	}

.coupon-detail-blk .coupon-detail{
	display:block;
	width:1000px;
	float:left;
/*	height:488px;*/
	background:#FFF;
	margin:46px auto 0 auto;
	border:1px solid #DDDDDD;
	padding:0 0 20px 0;
}



.main-transaction-outer .form-title{

  font-size: 16px;
  padding: 0 0 10px 0;
  float: left;
  width: 100%;
  margin: 110px 0 0 0;
}


.total-blk{
	display:none;
	width:220px;
	border-radius:5px;
	height:153px;
	padding:20px;
	margin:30px auto 0 auto;
	font-size:16px;
	border:1px solid #CCCCCC;
}

.main-transaction-outer{
	display:block;
	float:left;
	width:100%;
	background:#FBF9FC;
	padding:0 0 20px 0;
	border-bottom:1px solid #ddd;

}


.main-transaction-outer table td textarea{
	width:127px;height:80px;
	display:block;
	border:1px solid #ccc;
	resize:none;
	outline:none;
	padding:10px;
}
.main-transaction-blk .text.confirmation-title {
  font-size: 24px;
  color: #3D4B52;
  margin: 20px 0 20px 0;
}
.confirmation-result {
  text-align: center;
font-size: 12px;
color: #3D4B52;
width: 280px;
margin: 0 auto
}
.col1{
	width:114px;
}

.main-transaction-blk .input-blk input{
	width:10px;
	text-align:center;


}


.page-about-us .content-blk{
	height:820px;
	background:#FBF9FC;
	border-bottom:1px solid #CCCCCC;
}
.about-us-left{
	width:200px;
	font-size:12px;
	line-height:20px;
}
.about-us-left img{
width:251px;
}
.media-link img.media-link{
}
.page-about-us .logo3{
	float:left;
	height:41px;

	}

.content-blk .middle{
	display:block;
	width:289px;
	margin:0 auto;
}

.trade-method-txt{
	text-align:left;
}

.page-sell-coupon .explanation {
  padding: 40px 0 0 0;
  text-align: center;
  color: #839FB7;
  font-size: 16px;
  float: left;
  width: 100%;
  font-size:12px;
  line-height:20px;
  background: #FBF9FC;
}
.main-transaction-blk .text {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height:23px;
  margin: 50px 0 10px 0;
}

.page-sell-transaction .transport-methods-middle .transport-method{
	height:420px;
}

.page-sell-transaction .transport-methods-middle{
	height:855px;
}

.guarantee-blk table td {
	vertical-align:middle;
	font-size:12px;
	line-height:20px;
	padding:0 0 20px 0;

}

.content-blk .middle.contact{
	width:auto
}

.email.contact-field {
	width:270px;
	margin:20px auto 0 auto;
}
textarea.email-content{
	width:270px;
	margin:20px auto 0 auto;
}
.btn-blk.contact{
	padding:0;
	margin:0 auto 0 auto;
	width:270px;
	float:none;
}

.btn.submit-btn{
	float:right;
	margin:45px -10px 0 0;
}

.content-blk .middle.privacy{
	font-size:12px;
	line-height:20px;
	padding:20px 0 0 0;
}


.content-blk .middle.terms{
	font-size:12px;
	line-height:20px;
	padding:20px 0 0 0;
}




.coupon-detail-blk .coupon-detail{
	display:block;
	width:300px;
/*	height:488px;*/
	background:#FFF;
	margin:46px auto 0 auto;
	border:1px solid #DDDDDD;
}


.coupon-detail-blk .coupon-detail .middle .coupon-img{
	width:150px;
	height:auto;
	float:left;
	margin:20px 0 0 10px;
}


.coupon-detail-blk .coupon-detail .middle .blks
{
	float:left;
font-size:12px;
line-height: 12px;
margin:20px 0 0 10px;
}


.coupon-detail-blk .coupon-detail .middle{
	display:block;
	width:auto;
	margin:0 auto;
}


.coupon-detail-information{
	display:block;
	float:left;
	width:280px;
	margin:20px 0 0 10px;
	font-size:12px;

}


.contact-info-text{
	display:block;
	width:270px;
	margin:0 auto;
	text-align:left;
	font-size:16px;
	line-height:22px
}


}




.trade-amount-blk .center{
	display:block;
	margin:0 auto;
	width:293px;
	position:relative;

}


.trade-amount-blk .center .txt{
	width:180px;
}


.trade-amount-blk{
	display:block;
	float:left;
	width:100%;
	height:580px;
	background:#FBF9FC;
	border-top:1px solid #CCCCCC;
}

.trade-amount-blk .center{
	display:block;
	width:1000px;
	margin:0 auto;
	position:relative;
}

.trade-amount-blk .page-right{
	position:relative;
}

.trade-amount-title{
	margin:70px 0 0 0 ;
}

.trade-amount-blk .center .txt{
	float:left;
	color:#fff;
	width:610px;
	margin:20px 0 0 0;
}

.number-green {
    font-family: 'Metrophobic', Arial, serif;
    font-size: 45px;
}

.trade-amount-text{
	margin:70px 0 0 0 ;
	width:410px;
	height: 45px;
}
.trade-amount-text-wrap > img{
	max-width: 240px; height: auto;
	margin: 0 !important;
}
.foo-box-wrap > div{
	display: inline-block;
	vertical-align: top;
}

.foo-box-wrap > div:nth-child(1){
	width: 40%;
	margin-top: 200px;
}

.foo-box-wrap > div:nth-child(2){
	width: 27%;
	margin-top: 212px;
}

.foo-box-wrap > div:nth-child(3){
	width: 31%;
}

.foo-box-wrap{ padding: 40px 0;}
.foo-color-green{ color: #A8D06E; line-height: 40px; padding-bottom: 3px;}
.float-l{ float: left}
.float-r{ float: right}
.float-l > .number-green{ margin-top: 22px; padding-left: 5px;}
.foo-fb-icon{
	max-width: 84px; padding-right: 5px;

}



/**** added by Egg ****/
@media screen and (max-width: 767px) {
   .explanation-special{
        line-height: 26px;
       padding: 5px 15px 0px 15px;
    }
    .checkout-btn{
        height: 30px;
        line-height: 30px;
    }
    .transport-methods-middle{
        height: 500px;
    }
    .transport-methods-middle a:nth-child(4){
        height: 255px;
    }
    .me > td:nth-child(1){
        width: 100px;
    }
    .me > .point{
        margin-right: 5px;
    }
    .tran-method-txt{
        margin-right: 10px;
    }
    .me > .col1{
        line-height: 20px !important;
        padding-top: 4px !important;
        padding-right: 5px !important;
    }

		/*** foo ***/
		.foo-box-wrap > div{
			display: block !important;
			width: 90% !important;
			margin: 0 auto !important;
			padding: 30px 0;
		}
		.trade-amount-text{
			max-width: 220px; height: auto;
			margin: 0 !important;
			width: 100% !important;
		}
		.trade-amount-blk > .foo-box-wrap{
			display: block !important;
			width: 85% !important;
			margin: 0 auto !important;
		}
		.trade-amount-blk .center{
			width: 293px !important;
			margin: 0 auto;
		}
		.trade-amount-text-wrap > img{
			max-width: 220px; height: auto;
			margin: 0 !important;
		}
		.foo-box-wrap{ padding: 90px 0;}
		.foo-color-green{ color: #A8D06E; line-height: 40px;}
		.number-green {
		    font-family: 'Metrophobic', Arial, serif;
		    font-size: 40px;
				color: #A8D06E; line-height: 40px;
				margin-top: -3px;
		}
		.mobile-main-container > .trade-amount-blk{
			width: 293px; margin: 0 auto; padding: 60px 0; height: auto;
		}

		.mobile-main-container > .trade-amount-blk{
			width: 100%;
}
.foo-fb-icon{
	max-width: 32px; padding:0px 5px; margin-top: 5px;
}
.mb-fb-count-wrap{
	margin: 10px 0;
}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
  .main-container > .trade-amount-blk > .center{
		margin: 0 !important
	}
	.float-l > .number-green {
    margin-top: 0px;
    padding-left: 5px;
}
}