@charset "utf-8";
/* CSS Document */
/* Author: Ready-Market Online Corp. */
/* Version: 2009.11 */
/******************************/


body {margin:0; padding:0; width:100%;}
html {padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** languages **********/
.langbar {background:#e1e1e1; height:25px;}
.block_langbar {margin:0 auto; width:950px; padding:0; border:none;}
.lang {padding:0; margin:0; width:270px; float:right;}
.lang ul {padding:6px 0; margin:0; list-style:none; border:0;}
.lang ul li {float:left; margin:0; padding:0; border:0;}
.lang ul li a {float:left; margin:0; padding:0px 8px; color:#2e363f; font:normal 12px  Arial, Helvetica, "微軟正黑體"; text-decoration:none; border-right:1px solid #949494;}
.lang ul li a:hover {color:#c9252b;}
.lang ul li a#onlang {background-color: #D4D4D4;}
/********** header **********/
.header {height:57px; background:#2e363f;}
.block_header {margin:0 auto; width:950px; padding:0; border:none; }
/* logo */
.logo {float:left; padding:0; margin:0; width:230px; }
/* menu */	
.menu {padding:0; margin:0; width:680px; float:right;}
.menu ul {padding:20px 0; margin:0; list-style:none; border:0;}
.menu ul li {float:left; margin:0; padding:0; border:0;}
.menu ul li a {float:left; margin:0; padding:0px 8px; color:#fff; font:normal 12px  Arial, Helvetica; text-decoration:none; border-right:1px dashed #949494;}
.menu ul li a:hover {color:#c9252b;}
.menu ul li a.active {olor:#c9252b;} 
/********** slider **********/
.slider {background: url(../images/bg_slider.jpg) top center repeat-x; margin:0 auto; padding:0; height:378px;}
.slider div.slice1 {margin:0 auto; width:890px; padding:0;}
.slider div div div {margin:0; padding:0; width:880px;  border:0;}
.slider div div div p.img {float:right; width:483px; padding:29px 0 0 0; margin:0;}
.slider div div div h2 {width:378px; float: left; font:bold 36px Arial, Helvetica; color:#fff;  margin:0; padding:50px 0 0 10px; line-height:1.2em; text-transform:uppercase;}
.slider div div div p {width:378px; float: left; font:normal 11px   Arial, Helvetica, sans-serif; color:#262626; margin:0; padding:20px 0 0 10px; line-height:1.8em;}
/********* slider2 ************/
.slider2 {background: #fff url(../images/slider_bg2.gif) top repeat-x; margin:0 auto; padding:0; height:89px;}
.slider2_resize {width:950px; margin:0 auto; padding:0;}
.slider2_resize h2 {width:445px; float: left; font:bold 36px Arial, Helvetica; color:#fff; margin:0; padding:20px 0 0 30px; line-height:1.2em;}
.slider2_resize p { width:350px; float: right; font:normal 11px Arial, Helvetica; color:#212121; margin:0; padding:20px 0 0 10px; line-height:1.6em;}

/*bloga_resize*/
.bloga_resize {background: url(../images/bg_body_top.gif) top repeat-x; height:234px;}
.bloga_resize2 {background: url(../images/bg_body_top2.gif) top repeat-x; height:45px;}
.bloga_resizee {width:950px; margin:0 auto; padding:0;}
.bloga {width:289px; float:left; margin:0; padding:10px 5px 10px 20px;}
.bloga h2 {font: bold 18px Arial, Helvetica; color:#fff; border-bottom:1px solid #3d3d3d; padding:10px 5px; margin:0;}
.bloga p {color:#acacac; font:normal 11px Arial, Helvetica; line-height:1.8em; padding:5px 5px; margin:0 0 0 65px;}
.bloga span {color:#c9252b;}
.bloga img {float:left; margin:10px 10px; padding:0;}
.bloga a { color:#c9252b; text-decoration:none;}
.menu_sub { padding:0; margin:0; width:680px; float:left;}
.menu_sub ul { padding:10px 0; margin:0; list-style:none; border:0;}
.menu_sub ul li { float:left; margin:0; padding:0; border:0;}
.menu_sub ul li a { float:left; margin:0; padding:11px 17px; color:#fff; font:normal 12px  Arial, Helvetica; text-decoration:none;}
.menu_sub ul li a:hover { background:#ffffff; color:#282828;}
.menu_sub ul li a.active {background:#ffffff; color:#282828;} 
/********** block index **********/
.body {border-top:1px solid #e1e1e1; background:#ffffff; padding:0 0 40px 0;}
.body h2 {font:bold 18px Arial, Helvetica; color:#252525; border-bottom:1px solid #dcdcdc; padding:10px 5px; margin:0;}
.body h3 {font:bold 16px Arial, Helvetica; color:#555555; padding:10px 5px; margin:0; line-height:1.4em;}
.body h4 {font:bold 13px Arial, Helvetica; color:#353535; padding:10px 5px; margin:0; line-height:1.6em;}
.body p {font:normal 13px Arial, Helvetica; color:#6d6d6d; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey {font: normal 11px Arial, Helvetica; color:#a5a5a5; line-height:1.8em; padding:5px 5px; margin:0 0 20px 0;}
.body p span, li span, h2 span, h3 span, h4 span {color:#c9252b;}
.body p.signature {float:right; font-style:italic; font-weight:bold; color:#383838; text-align:right;}
.body p.imgIntro {color:#6d6d6d; text-align:center; font-size:11px; padding:0; margin:0 30px 20px 30px; line-height:1.6em;}
.body a {font:bold 12px Arial, Helvetica; color:#5f5f5f; text-decoration:none;}
.body em { color:#383838;}
.body img {float: left; margin:10px 5px; padding:0;}
.body img.nomargin {oat:none; text-align:center; margin:20px 1px; padding:0;}
.body img.work {float:right; margin:10px 10px 10px 30px; padding:0;}
.body img.client {float:left; margin:10px 30px 10px 10px; padding:4px; background-color:#eaeaea; border:1px solid #d5d5d5;}
.video {float:left; margin:10px 30px 10px 10px; padding:4px; background-color:#eaeaea; border:1px solid #d5d5d5; width:320px;}
.body img.client-list {float:left; margin:10px 30px 10px 10px; padding:0; border:1px solid #d5d5d5; width:100px; height:100px;}
.body img.illustration {float:left; margin:10px 30px 20px 10px; padding:0;}
.body img.icon {float:left; margin:0 6px 4px 0; padding:0;}
.body_resize { width:950px; margin:0 auto; padding:0;}
.right {width:604px; float:left; margin:20px 5px 10px 5px; padding:5px;}
.right ul {list-style:none; margin:5px 20px; padding:0;}
.right li {font:12px Arial, Helvetica; color:#6d6d6d; padding:4px 0; margin:0; list-style:outside disc; line-height:1.8em;}
.right a:hover {text-decoration:underline;}
.left {width:300px; float:left; margin:20px 5px 10px 5px; padding:5px;}
.left ul {list-style:none; margin:5px 0 5px 20px; padding:0;}
.left li {font:12px Arial, Helvetica; color:#6d6d6d; padding:0 0 4px 0; margin:0; list-style:outside disc; line-height:1.8em;}
.left li a {font-weight:normal; text-decoration:none;}
.left li a:hover {text-decoration:underline;}
.left a:hover span {text-decoration:underline;}
.buttoms {width:200px; margin:10px auto; text-align:center; padding:0;}
.buttoms a {font: bold 12px Arial, Helvetica; color:#9f9f9f; text-decoration:none; padding:3px 5px; margin:0 3px;}
.buttoms a:hover { color:#000; background:#f1f1f1; border:1px solid #d6d6d6;}
/********** contact form **********/
#iframeContact { margin:0; padding:5px 10px; color:#6d6d6d;}

#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label {margin:0; width:110px; display:block; padding:10px 0; color:#6d6d6d; font: bold 12px Arial, Helvetica; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { height:300px; width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response {text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times,; line-height:1.8em; width:auto;}
/*************footer**********/
.footer {padding:10px 0;  margin:0; border-top:1px solid #fff; background:#e1e1e1;}
.footer_resize {width:950px; margin:0 auto; padding:0; }
.footer p {font:normal 11px  Arial, Helvetica; color:#5f5f5f;}
.footer a {font:bold 11px Arial, Helvetica; color:#5f5f5f; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:20px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:20px 0; float:right;} 

/*order*/
.order {background:url(../images/twitter_bg.gif); width:283px; margin:0 auto; padding:0;}
.order_footer {background:url(../images/twitter_bot.gif) no-repeat bottom;}
.order_top {background:url(../images/twitter_top.gif) no-repeat top; padding:10px 20px 55px 20px;}
.order a {color:#128fb4; font:normal 12px Tahoma, Geneva;}
.order a:hover {text-decoration:underline;}

/*agent*/
.agent {background:url(../images/twitter_bg.gif); width:283px; margin:0 auto; padding:0;}
.agent_footer {background:url(../images/agent_bot.gif) no-repeat bottom;}
.agent_top {background:url(../images/twitter_top.gif) no-repeat top; padding:10px 20px 55px 20px;}
.agent a {color:#128fb4; font:normal 12px Tahoma, Geneva;}
.agent a:hover {text-decoration:underline;}

/*others*/
p.clr, .clr {clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {clear:both; border-top:1px solid #dcdcdc; padding:0; margin:20px 0; background:none; line-height:0;}
#esupport {text-align:center;}
#esupport img {float:none;}