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

/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:none;
}



body {
	line-height:1;
	font-size:0.875em;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:none;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}


/*
-------------------------------------------------------------------------------------------------------*/
.clear {
	 clear:both;
}
.font_20{
	font-size:1.250em;
	line-height:1.5em;
}


.font_red {
	color:#df0000;
}
.font_orange {
	color:#f26c4f;
}


.marging_top_10 {
	margin-top:10px;
}
.marging_top_20 {
	margin-top:20px;
}

.marging_left_12 {
	margin-left:15px;
}


/*
-------------------------------------------------------------------------------------------------------*/
body {
	font-size:0.875em;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:1.5em;
	color:#000;
	background:url(../images/bg_body.jpg) repeat-x top #FFF;
	
}

/*
-------------------------------------------------------------------------------------------------------*/
.container {
	width:1100px;
	margin:auto;
	min-height:100px;
	padding-bottom:30px;
}



header {
	width:1100px;
	margin:auto;
	min-height:137px;
}

.block_logo {
	width:530px;
	float:left;
	padding-left:20px;
}
.block_contact_top {
	width:530px;
	float:left;
	text-align:right;
	padding-right:20px;
}

/*
-------------------------------------------------------------------------------------------------------*/
.main_banner {
	background:url(../images/bg_main_banner.jpg) top repeat-x;
	width:100%;
	height:740px;
}
.block_banner {
	background:url(http://seo-web.aun-thai.co.th/our_services/seo/seo_ranking_page/images/bg_banner_big.png) no-repeat center;
	width:680px;
	margin:auto;
	height:150px;
	padding-top:590px;
	padding-left:420px;
}

/*****SEO Rinking*****/
.block_seo_ranking {
	width:1100px;
	margin-bottom:30px;
}
.seo_ranking {
	background:url(../images/seo_ranking.jpg) no-repeat;
	height:140px;
	padding-top:12px;
	padding-left:480px;
	z-index:5;
}
.table_ranking {
	z-index:9;
	position: relative;
	width:1076px;
	margin:auto;
	top:-44px;
	/*height:256px;*/
	height:300px;
	clear:both;
}

/*****Keyword*****/
.block_keyword {
	background:url(../images/bg_keyword.jpg) no-repeat;
	height:142px;
	padding-top:53px;
	padding-left:480px;
}
.block_keyword_left {
	width:323px;
	float:left;
	padding-left:12px;
	display:block;
}
.block_keywrd_right {
	width:732px;
	float:left;
	padding-left:16px;
	padding-top:14px;
	display:block;
}
.keyword_cal {
    height: 94px;
}
/*****SEO Package*****/
.block_seo_package {
	background:url(../images/seo_package.jpg) no-repeat;
	height:141px;
	padding-top:52px;
	padding-left:480px;
}

/*SEO
-------------------------------------------------------------------------------------------------------*/
.main_seo {
	width:100%;
	min-width:1100px;
	background:#f5f5f5;
	min-height:500px;
}
.block_seo {
	background:url(../images/bg_seo.png) no-repeat;
	min-height:987px;
}
.block_seo_left {
	width:500px;
	height:774px;
	float:left;
}

.block_seo_right {
	width:600px;
	height:774px;
	float:left;
}

.title_seo_1 {
	width:303px;
	height:88px;
	margin-top:69px;
	margin-left:18px;
}

/*****Brown*****/
.seo_brown {
	margin-top:100px;
	margin-left:34px;
}
.seo_brown h3 {
	color:#442507;
	font-size:1em;
}

/*****Brown*****/
.seo_blue {
	margin-top:97px;
	margin-left:34px;
}
.seo_blue h3 {
	color:#0071bf;
	font-size:1em;
}

/*****Orange*****/
.seo_orange {
	margin-top:39px;
	margin-left:278px;
}
.seo_orange h3 {
	color:#fb5d27;
	font-size:1em;
}

/*****Green*****/
.seo_green {
	margin-top:107px;
	margin-left:298px;
}
.seo_green h3 {
	color:#7ba800;
	font-size:1em;
}

/*****Green 2*****/
.seo_green_2 {
	margin-top:142px;
	margin-left:37px;
}
.seo_green_2 h3 {
	color:#0ac1b3;
	font-size:1em;
}

/*Ginza
-------------------------------------------------------------------------------------------------------*/
.block_ginza {
	padding-top:15px;
	padding-bottom:20px;
}
.title_ginza {
	width:319px;
	height:67px;
	margin-left:18px;
	margin-bottom:20px;
}
.logo_ginza {
	width:342px;
	height:70px;
	margin-left:18px;
	float:left;
}
.text_ginza {
	width:688px;
	float:left;
	margin-left:40px;
}

.text_ginza a {
	color:#F00;
	text-decoration:none;
}
.text_ginza a:hover {
	color:#F00;
	text-decoration:underline;
}

/*Steps
-------------------------------------------------------------------------------------------------------*/
.block_steps {
	background:url(../images/steps.png) no-repeat;
	height:665px;
	width:1100px;
	margin:auto;
}
.title_steps {
	width:335px;
	height:53px;
	margin:auto;
	/*padding-left:376px;*/
	padding-top:28px;
}
.block_steps_left {
	width:495px;
	padding-left:55px;
	padding-top:28px;
	float:left;
}
.block_steps_right {
	width:330px;
	padding-left:220px;
	padding-top:33px;
	float:left;
}
.text_step {
	color:#FFF;
}
.text_step h3 {
	font-size:1em;
	padding-bottom:5px;
	line-height:1.5em;
}

/*Customers
-------------------------------------------------------------------------------------------------------*/
.main_customers {
	width:100%;
	min-width:1100px;
	background:url(http://seo-web.aun-thai.co.th/our_services/seo/seo_ranking_page/images/bg_customers.png) repeat-x top;
	padding-top:8px;
	text-align:center;
}

/*Contact
-------------------------------------------------------------------------------------------------------*/
.title_contact {
	margin-left:25px;
	margin-bottom:30px;
}

.table_contact {
	width:700px;
	margin:auto;
	
}
.table_contact th {
	width:230px;
	padding:10px;
	background:#f2f2f2;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}
.table_contact td {
	width:430px;
	padding:10px;
	border:1px solid #ccc;
}

.text_field {
	width:430px;
	padding:5px;
	border:1px solid #CCC;
}
.text_area {
	width:430px;
	height:70px;
	padding:5px;
	border:1px solid #CCC;
}

.contact_number {
	padding-top:15px;
	text-align:right;
}

/*Footer
-------------------------------------------------------------------------------------------------------*/
footer {
	background:#0071bf;
	height:60px;
	color:#FFF;
	padding-top:15px;
	width:100%;
	min-width:1100px;
	
}
.main_footer {
	width:1100px;
	margin:auto;
}
.main_footer a {
	text-decoration:none;
	color:#FFF;
}
.main_footer a:hover {
	text-decoration: underline;
	color:#FFF;
}

.privacy_policy {
	text-align:right;
	padding-bottom:5px;
}

.footer_left {
	width:550px;
	float:left;
}
.footer_right {
	width:550px;
	float:left;
	text-align:right;
}
/*Considered
-------------------------------------------------------------------------------------------------------*/
.considered {
	width:1100px ;
	height:890px;
	margin:auto;
	background: url(../images/considered.png) no-repeat;
}

.considered_list {
	padding-top:25px;
	padding-left:35px;
}
.considered #con01 {
	width:710px;
}
/*BTN Quotation
-------------------------------------------------------------------------------------------------------*/
. btn_quotation { display: block; }
.btn_quotation a {
	background-image: url(../images/btn_quotation.jpg);
	background-repeat: no-repeat;
	display:block;
	width:270px;
	height: 89px;	
	text-indent: -9999px;
	margin:auto;
	
}
.btn_quotation a:hover { background-position:bottom; }

.btn_next {
	margin-left:410px;
}
.btn_next {
	background:url(../images/btn_next.png)  no-repeat ;
	width:110px;
	height:42px;
	text-indent: -9999px;
	border:none; 
	cursor:pointer;
	display:block;
	font-size:0;display:block;line-height:0;

}
.btn_next:hover{background-position:bottom;}



/*
-------------------------------------------------------------------------------------------------------*/


.btn_group_confirm2{width:720px; margin:auto;  padding-top:20px; position:relative;}

.btn_submit {
	background:url(../images/send.jpg)  no-repeat;
	width:110px;
	height:42px;
	text-indent: -9999px;
	border:none;
	cursor:pointer;
	display:block;
	font-size:0;
	display:block;
	line-height:0;
	position:absolute;
	right:196px;
	top:11px;

}
.btn_submit:hover{background-position:bottom;}

.btn_submit {
	background:url(../images/send.jpg)  no-repeat scroll;
	width:112px;
	height:42px;
	text-indent: -9999px;
	border:none; 
	cursor:pointer;

}
.btn_submit:hover{background-position:bottom;}

.btn_back {
	background:url(../images/back.jpg)  no-repeat;
	width:112px;
	height:42px;
	text-indent: -9999px;
	border:none;
	cursor:pointer;
	display:block;
	font-size:0;
	display:block;
	line-height:0;
	position:absolute;
	left:251px;
	top:11px;

}
.btn_back:hover{background-position:bottom;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	.block_steps_left {
		float: left;
		padding-left: 55px;
		padding-right: 200px;
		padding-top: 28px;
		width: 285px;
	}
	.keyword_cal {
    	height: auto;
		width:1100px;
	}
	.considered { 
		background:none;
		line-height:1em;
		height:auto;
		width:auto;
	}
	.considered #con01 {
		background:url(../images/considered_01.png) no-repeat scroll 0 0;
		width:1100px;
		height:auto;
	}
	.considered #con01 ul {
		width:70%;
	}
	.considered #con02 {
		background:url(../images/considered_02.png) no-repeat scroll 0 0;
		width:1100px;
		display:block;
	}
	.considered #con03 {
		width:1100px;
		padding-left:0px;
	}
	.title_01 { padding-left:0px; }
	.considered_list {
		width:70%;
	}
	.considered_list li {
		list-style: none;
		font-size: 20px;
		line-height: 1em;
	}
		
	.considered_list li:before {
		content:"·";
		font-size:3.025em;
		vertical-align:middle;
		line-height:0.750em;
	}
}

/*2016*/
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }