/*----------------------------------- About --------------------------------------

 Slide design by Phatchara Panthip.
 Programer  |  Play Company Limited.

-----------------------------------------------------------------------------------*/

* { margin:0; padding: 0; line-height: 18px;}
body{
background: #FFF;
margin:0px;
color:#4d4d4d;
font-size:14px;
font-family: 'Arial';
}
.clear{
clear:both;
}
.head{
	background:url(../img/bg-heard.jpg) repeat-x;
	height:303px;
}
.frame{
	background:url(../img/bg-frame.jpg) repeat-x;
	height:313px;
	width:1000px;
	margin:0 auto;
	position:relative;
}
.logo{
	float:left;
	margin-left:13px;
	margin-top:40px;
}
.text-head{
	float:left;
	margin-left:28px;
	margin-top:124px;
}
.promotion-head{
	float:right;
	margin-right:22px;
	margin-top:38px;
}
.menu{
	/*float:left;
	width:739px;
	margin-top:10px;
	margin-left:0px;*/
	position:absolute;
	left:0px;
	top:246px;
}
.menu ul{
	list-style:none;
}
.menu ul li{
	float:left;
	margin-left:0px;
	margin-top:0px;
	list-style:none;
}
.regis{
/*	float:right;
	width:230px;
	height:88p;
	position:relative;
	margin-top:-17px;*/
	position:absolute;
	right:0px;
	top:217px;
}
.block-right{
	position:absolute;
	top:0px;
	right:8px;
	margin-bottom:0px;
	/*z-index:1000;*/
}
.block-right1{
	background:url(../img/block-right1.png) no-repeat;
	width:225px;
	height:11px;
}
.block-right2{
	background:url(../img/block-right2.png) repeat-y;
	width:225px;
}
.block-right3{
	background:url(../img/block-right3.png) no-repeat;
	width:225px;
	height:11px;
}
.block-fb3{
	background:url(../img/fb4.jpg) no-repeat;
	width:225px;
	height:16px;
}
.fb{
	position:absolute;
	right:0px;
	top:0px;
	z-index:2000;
}
.text1{
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding-top:27px;
	margin-left:17px;
}
.text1 ul li{
	float:left;
	list-style:none;
	margin:0 5px;
	line-height:28px;
}
.frame-content{
	background:#f1f1f1;
	width:1000px;
	margin: 0 auto;
	padding-bottom:70px;
	min-height:710px;
	margin-top:10px;
}
.content-indexleft1{
	float:left;
	position:relative;
	padding-left:12px;
	padding-top:8px;
	width:714px;
}
.block-left1{
	background:url(../img/block-left1.jpg) no-repeat;
	width:714px;
	height:19px;
}
.block-left2{
	background:url(../img/block-left2.jpg) repeat-y;
	width:714px;
}
.block-left3{
	background:url(../img/block-left3.jpg) no-repeat;
	width:714px;
	height:20px;
}
.symbol1{
	position:absolute;
	left:-67px;
	top:-16xp;
}
.block1{
	margin-top:16px;
}
.special{
	width:600px;
	font-size:18px;
	color:#4d4d4d;
	font-weight:bold;
	padding-left:53px;
	padding-top:17px;
	line-height:20px;
}
.save{
	float:left;
	width:481px;
	position: relative;
	padding-left:12px;
	padding-top:43px;
}
.fb-share{
	position:absolute;
	left:158px;
	top:55px;
}
.fb-sharedetail{
	background:url(../img/detail-share.png) no-repeat;
	width:39px;
	height:19px;
	font-size:9px;
	color:#797c84;
	position:absolute;
	left:216px;
	top:55px;
	text-align:center;
	line-height:19px;
	font-weight:bold;
}
.like{
	position:absolute;
	left:268px;
	top:54px;
}
.like-detail{
	background:url(../img/detail-like.png) no-repeat;
	width:32px;
	height:19px;
	font-size:9px;
	color:#797c84;
	position:absolute;
	left:323px;
	top:54px;
	text-align:center;
	line-height:19px;
	font-weight:bold;

}
.symbolsave{
	position:absolute;
	left:-20px;
	top:27px;
}
.save-text{
	width:300px;
	color:#4d4d4d;
	font-size:14px;
	line-height:20px;
	margin-left:40px;
	margin-top:27px;
}
.save-head{
	width:300px;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	margin-left:40px;
	margin-top:7px;
}
.price{
	float:right;
	margin-right:4px;
	margin-top:30px;
}
.price1{
	background:url(../img/sale1.jpg) no-repeat;
	width:212px;
	height:76px;
	position:relative;
}
.price2{
	background: url(../img/sale2.jpg) repeat-y;
	width:182px;
	margin-left:15px;
}
.price3{
	background:url(../img/sale3.jpg) no-repeat;
	width:182px;
	height:6px;
	margin-left:15px;
}
.detail-buy1{
	position:absolute;
	left:18px;
	top:31px;
}
.detail-buy2{
	position:absolute;
	left:35px;
	top:29px;
	font-size:20px;
	font-weight: bold;
	color:#000000;
}
.symbol-buy{
	position:absolute;
	right:5px;
	top:8px;
}
.symbol-buy img{
	width: 103px;
	height: 58px;
}
.detail-buy3{
	padding-left:17px;
	padding-top:4px;
}
.buytext{
	font-size:14px;
	color:#f93a3a;
	font-weight:bold;
}
.buytext2{
	color:#000;
	font-size:14px;
	font-weight: bold;
}
.line-buy{
	margin-left:17px;
	margin-top:8px;
}
.buy-time{
	margin-left:17px;
	margin-top:9px;
}
.buytext3{
	color:#0e0e0e;
	font-size:14px;
}
.buy-num{
	background:url(../img/symbol-sale.jpg) no-repeat;
	width:160px;
	height:68px;
	margin-left:12px;
	margin-top:12px;
	padding-left:70px;
	padding-top:33px;
	font-size:20px;
	color:#000;
	font-weight: bold;
}
.gift{
	position:relative;
	background:url(../img/gift.png) no-repeat;
	width:169px;
	height:74px;
	margin-left:22px;
	margin-top:-40px;
}
.but-gift{
	position:absolute;
	left:67px;
	top:22px;
}
.block2{ background:#ff0;
	margin-top:39px;
	position:relative;
}
.text-iphone{
	width:535px;
	font-size:20px;
	color:#4d4d4d;
	font-weight:bold;
	margin-left:93px;
	margin-top:0px;
}
.super{
	font-size:20px;
	color:#ff0000;
	font-weight:bold;
	margin-left:93px;
	margin-top:5px;
}
.superangry{
	position:absolute;
	left:-44px;
	top:-33px;
}
.supedetail{
	float:left;
	width:532px;
	margin-left:-40px;
	margin-top:12px;
	position:relative;
}
.fshare{
	position:absolute;
	left:394px;
	top:54px;
}
.update-right{
	margin-top:45px;
	float:right;
	width:211px;
	margin-right:11px;
	position:relative;
}
.update-right1{
	background:url(../img/1.jpg) no-repeat;
	width:182px;
	height:11px;
	margin-left:20px;
}
.update-right2{
	background:url(../img/2.jpg) repeat-y;
	width:182px;
	margin-left:20px;
}
.update-right3{
	background:url(../img/3.jpg) no-repeat;
	width:182px;
	height:6px;
	margin-left:20px;
}
.button{
	padding-left:14px;
	padding-top:0px;
}
.showdetail{
	margin-left:26px;
	margin-top:12px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}
.price-update{
	width:211px;
	z-index:1000;
	margin-left:-15px;
	position:relative;
}
.price-update1{
	background:url(../img/11.png) no-repeat;
	width:211px;
	height:15px;
}
.price-update2{
	background:url(../img/12.png) repeat-y;
	width:211px;
}
.price-update3{
	background:url(../img/13.png) no-repeat;
	width:211px;
	height:15px;
}
.upprice{
	margin-left:9px;
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	width:80px;
}
.upbut{
	position:absolute;
	left:101px;
	top:14px;
}
.kod{
	margin-left:23px;
	margin-top:13px;
	color:#000;
	font-size:12px;
}
.kod1{
	color:#000;
	font-size:13px;
	font-weight:bold;
}
.content-indexright1{
	float:right;
	margin-right:7px;
}
.free{
	/*z-index:1000;*/
	margin-left:-6px;
	padding-top:15px;
}
.input-mail input{
	background:url(../img/input-mail.jpg) no-repeat;
	width:188px;
	height:32px;
	margin-left:20px;
	border:none;
	text-align:center;
	line-height:32px;
	font-size:11px;
	color:#cccccc;
}
.button-mail{
	margin-left:54px;
	margin-top:5px;
}
.point{
	margin-top:5px;
}
.text-point{
	font-size:14px;
	margin-left:30px;
	color:#4d4d4d;
}
.line-point{
	margin-left:37px;
	margin-top:15px;
}
.free-ipad{
	margin-left:15px;
	margin-top:11px;
}
.text-ipad{
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
	margin-left:6px;
}
.text-ipad1{
	font-size:12px;
	color:#4d4d4d;
	margin-left:6px;
	line-height:18px;
}
.list-ipad{
	margin-left:18px;
	margin-top:9px;
}

.list-ipad-head{
	font-size:11px;
	color:#000000;
	font-weight: bold;
}
.list-ipad1{
	background: url(../img/ipad1.png) no-repeat;
	width:188px;
	height:17px;
}
.list-ipad2{
	background:url(../img/ipad2.png) repeat-y;
	width:188px;
	color:#404040;
}
.list-ipad3{
	background:url(../img/ipad3.png) no-repeat;
	width:188px;
	height:13px;
}
.ipad-more{
	margin-left:23px;
	margin-top:18px;
	font-size:14px;
	color:#4d4d4d;
}
.click a{
	font-size:20px;
	color:#f00;
	font-weight: bold;
	text-decoration:none;
}
.facebook{
	margin-top:5px;
}
.img-fb{
	margin-left:-5px;
}
.like-fb{
	position:relative;
}
.butom-like{
	position:absolute;
	left:59px;
	top:26px;
}
.drap-fb{
	padding-bottom:2px;
	margin-left:-2;
}
.monny{
	margin-top:5px;
}
.mon-bar{
	margin-left:36px;
	margin-top:-15px;
	margin-bottom:3px;
}
.monny-more a{
	font-size:14px;
	color:#f00;
	font-weight: bold;
	margin-left:57px;
	text-decoration:none;
}
.buttom{
	margin-bottom:70px;
}
.footer{
	background: url(../img/bg-foot.jpg) repeat-x;
	height:267px;
}
.frame-footer{
	width:1000px;
	margin:0 auto;
	padding-left:38px;
	padding-top:35px;
	color:#999999;
}
.frame-footer{
	font-size:14px;
	font-weight:bold;
	color:#999999;
}
.text-footer a{
	text-decoration:none;
	color:#999999;
	font-size:12px;
	font-weight:normal;
}
/*=====================*/
.zend_form {

}

.zend_form dd fieldset{
	margin-left:-260px;
	border:1px solid #d6d6d6;
}

.zend_form dd fieldset legend{
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
	font-weight: bold;
}
.zend_form dd input{
	background:url(../img/input-mail.jpg) no-repeat;
	width:188px;
	height:32px;
	border:none;
	line-height:32px;
}

.zend_form dt {/*ddddddddd*/
	text-align: right;
	width: 160px;
	float:left;
	color: #404040;
	font-weight: bold;
	line-height:32px;
}

.zend_form dt label {
	padding-right: 10px;
}

.zend_form dd {
	width: 675px;
	min-height: 25px;
	margin: 0; /*fix -webkit-margin-start: 40px problem*/
	/* disable the following line for fix ie margin */
	margin-left:0px;
}

.zend_form dd p { padding: 0 0 2px 0;}

.zend_form dd.longtext {
	padding-bottom: 20px;
}

.zend_form dd ul.errors {
	font-size: 1em;
	color: #f00;
	margin: 5px 0 5px 160px;
	list-style-type: none;
}

.zend_form dd ul {
	font-size: 1em;
	margin: 2px 0 5px 15px;
}

.zend_form dd.view_page_link {
	margin-top: 10px;
}

.zend_form dd textarea {
	width: 350px;
	height: 75px;
}

dl.inrow dd ul.errors {
	font-size: 1em;
	color: #f00;
	margin: 5px 0 5px 0px;
	list-style-type: none;
}
#submit{
	background:url(../img/submit.jpg);
	width:91px;
	height:43px;
	margin-top:35px;
}
.pass a{
	padding-top:-23px;
	font-size:14px;
	color:#f00;
	position:absolute;
	left:331px;
	top:290px;
	text-decoration:none;
}
/*============================*/
.regis-from{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.block-regis1{
	background:url(../img/regis1.jpg) no-repeat;
	width:705px;
	height:17px;
}
.block-regis2{
	background:url(../img/regis2.jpg) repeat-y;
	width:705px;
}
.block-regis3{
	background:url(../img/regis3.jpg) no-repeat;
	width:705px;
	height:20px;
}
.regis-img{
	margin-left:-6px;
}
.menu1{
	margin-top:-1px;
}
.mail-but input{
	background:url(../img/button-mail.jpg);
	width:117px;
	height:54px;
}
.page{
	float:left;
	margin-top:11px;
	margin-left:160px;
}
.page ul li select{
	background:url(../img/page11-12.jpg) no-repeat;
	width:94px;
	height:17px;
	border:none;
	font-size:9px;
	color:#f00;
	line-height:23px;
}
.page ul li{
	float:left;
	margin:0 1px;
	list-style:none;
}
.numpage{
	padding-left:20px;
}
.menuleft{
	float:left;
	width:311px;
	margin-left:18px;
	margin-top:29px;
}
.menuright{
	float:right;
	width:311px;
	margin-right:21px;
	margin-top:29px;
}
.menuago1{
	background:url(../img/ago1.jpg) no-repeat;
	width:312px;
	height:8px;
}
.menuago2{
	background:url(../img/ago2.jpg) repeat-y;
	width:312px;
}
.menuago3{
	background:url(../img/ago3.jpg) no-repeat;
	width:312px;
	height:7px;
}
.menuago{
	margin-left:0px;
	margin-top:10px;
}
.menu-ago-left{
	float:left;
	width:195px;
	margin-top:-6px;
	margin-left:1px;
}
.menu-ago-left img {
	width:195px;
	height:164px;
}
.menu-ago-right{
	float:right;
	width:100px;
	margin-top:0px;
	margin-right:9px;
}
.text-ago{
	color:#f00;
	margin-left:4px;
	font-size:12px;
}
.text-ago1{
	color:#f00;
	margin-left:4px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
}
.bg-ago1{
	background:url(../img/bg1.jpg) no-repeat;
	width:100px;
	height:35px;
	margin-top:3px;
	margin-bottom:2px;
}
.bg-ago2{
	background:url(../img/bg2.jpg) no-repeat;
	width:100px;
	height:35px;
	margin-top:3px;
	margin-bottom:2px;
}
.text-ago2{
	color: #FFF;
	margin-left:4px;
	font-size:12px;
}
.text-ago3{
	color:#fff;
	margin-left:4px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
}
.deal2{
	margin-top:45px;
}
.agofoot{
	margin-top:15px;
}
.con-symbol{
	margin-left:-6px;
}
.con1{
	background:url(../img/con1.jpg) no-repeat;
	width:705px;
	height:17px;
}
.con2{
	background:url(../img/con2.jpg) repeat-y;
	width:705px;
}
.con3{
	background:url(../img/con3.jpg) no-repeat;
	width:705px;
	height:20px;
}
.con-table{
	margin-left:10px;
	margin-top:16px;
	font-size:12px;
	color:#000000;
}
.con-table table {
    border-style: solid;
    border-collapse: collapse;
}
.con-table table tr td {
    border-style: solid;
    border: 1px solid #ccc;
}
.con-text{
	color:#f00;
	padding:5px 25px 10px 5px;
}
.con-text1{
	padding-top:5px;
}
.point1{
	background:url(../img/point1.jpg) no-repeat;
	width:705px;
	height:17px;
}
.point2{
	background:url(../img/point2.jpg) repeat-y;
	width:705px;
}
.point3{
	background:url(../img/point3.jpg) no-repeat;
	width:705px;
	height:20px;
}
.point-sym{
	margin-left:-6px;
}
.point-sym img{
	width:717px;
	height:54px;
}
.point-text{
	color:#f00;
	font-size:14px;
}
.point-text1{
	margin-top:13px;
	margin-left:16px;
	color:#000;
}
.height{
	min-height:842px;
}
.pay-table{
	margin-left:20px;
	margin-top:16px;
}
.pay-table table {
    border-style: solid;
    border-collapse: collapse;
}
.pay-table table tr td {
    border-style: solid;
    border: 1px solid #ccc;
}
.pay-text{
	margin-left:29px;
	margin-top:17px;
	color:#4d4d4d;
}
.pay-texthead{
	color:#f00;
	margin-left:29px;
}
.pay-num{
	color:#f00;
}
.discount{
	margin-top:25px;
	color:#4d4d4d;
	font-size:14px;
	margin-left:20px;
	margin-right:40px;
}
.text-dis{
	color:#4d4d4d;
}
.dis-zend dd input{
	background:url(../img/input-mail.jpg) no-repeat;
	width:188px;
	height:32px;
	border:none;
	line-height:32px;
	font-size:12px;
}

.dis-zend dt {
	text-align: right;
	/*width: 160px;*/
	float:left;
	color: #404040;
	font-weight: bold;
	line-height:32px;
}

.dis-zend dt label {
	padding-right: 10px;
}
.dis-zend dd ul.errors {
	font-size: 1em;
	color: #f00;
	margin: 5px 0 5px 0px;
	list-style-type: none;
}
#submit-dis{
	background:url(../img/sub.jpg) no-repeat;
	width:111px;
	height:36px;
	float:right;
	margin-top:7px;
}
.dis-line{
	margin-top:16px;
}
.dis-zend input{
	margin-right:10px;
}
.conditions{
	margin-top:26px;
}
.conditions-text{
	font-size:14px;
	color:#4d4d4d;
	margin-left:30px;
	margin-top:12px;
	width:419px;
}
.payment{
	margin-left:66px;
	margin-top:26px;
	line-height:2;
}
#payment-sub{
	background:url(../img/submit.jpg) no-repeat;
	width:111px;
	height:36px;
	border:none;
	margin-left:488px;
}
.pay-select{
	margin-left:26px;
}
#conpage1{
	margin-left:150px;
}
#select-con1{
	margin-top:3px;
}
.con1-text{
	color:#000;
	width:463px;
	margin-left:5px;
	margin-top:11px;
}
.track-left{
	float:left;
	width:246px;
	margin-left:28px;
}
.track-left ul li{
	float:left;
	list-style:none;
	margin:0 2px;
}
.track-right{
	float:right;
	width:172px;
}
.track-right ul li{
	float:left;
	list-style:none;
	margin:0 2px;
}
#top{
	margin-top:19px;
}
