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


body {margin:0; padding:10px 0; width:100%; background-color:#212121; font-family: Arial, Helvetica, "微軟正黑體";}
html {padding:0; margin:0;}

.clr {clear:both; background:none; text-align:center;}
.mainWrapper {width:1000px; padding:0; margin:0 auto;}
.line {clear:both; height:5px; border-top:1px solid #dadada; margin:40px 0;}


/** header **/
.header {height:130px; background-image:url(../images/bg_head.gif); background-position:top; background-repeat:repeat-x; text-align:left; margin:15px 0 0 0;}
.logo {float:left; width:330px; margin:0 0 0 20px; padding:0;}
.logo img {border:none;}
.subTitle {float:right; width:350px; display:block; margin:60px 0 0 0;}
.subTitle h1 {font-size:11px; font-weight:normal; color:#212121; margin:0; padding:0; line-height:1.8em;}

/** menu **/	
.menu {height:46px; background-image:url(../images/bg_navigation.jpg); background-position:top; background-repeat:repeat-x; text-align:left; margin:0; padding:0;}
.menu ul {padding:10px 0; margin:0 20px; 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:11px 17px; color:#fff; font-size:12px; font-weight:normal; text-decoration:none;}
.menu ul li a:hover {background:#ebebeb; color:#282828;}
.menu ul li a.active {background:#ebebeb; color:#282828;}

/** content **/ 
.content {background-color:#ebebeb; padding:30px 25px 80px 25px; margin:0;}
.buttons {border:none; margin:5px;}

h2 {font-size:18px; color:#0b0b0b; margin:10px 0; padding:0; line-height:22px;}
h3 {font-size:12px; font-weight:normal; color:#6d6d6d; margin:10px 0; padding:0; line-height:1.8em;}
h4 {font-size:14px; color:#0b0b0b; margin:0; padding:0; line-height:22px;}
p {font-size:12px; font-weight:normal; color:#353535; margin:10px 0; padding:0; line-height:1.8em;}
ul {font-size:12px; font-weight:bold; color:#353535; line-height:1.8em; margin:10px 0; padding:0; list-style:disc;}
ol {font-size:12px; font-weight:bold; color:#353535; line-height:1.8em; margin:10px 0; padding:0; list-style:decimal;}
li {font-weight:normal; color:#353535; line-height:1.8em; margin:0 0 0 15px; padding:0; list-style:outside;}

.loginBlock {background-color:#e1e1e1; border:1px solid #d9d9d9; width:500px; padding:50px 0; margin:0 auto; text-align:center;}
.formArea {width:300px; margin:0 auto; padding:0; text-align:left; font-size:12px; color:#6d6d6d;}
.textbar {margin:4px 0 15px 0; border:1px solid #d9d9d9; color:#6d6d6d;}

.agreeBlock {background-color:#ffffff; border:1px solid #d9d9d9; margin:0 0 20px 0; padding:10px 20px;}

.contactBlock {width:700px; background-color:#ffffff; border:1px solid #d9d9d9; margin:0 auto 20px auto; padding:10px 20px;}
.formContactInfo {margin:0; padding:0; text-align:left; font-size:12px; color:#6d6d6d;}
.textbar2 {margin:4px 15px 15px 0; border:1px solid #d9d9d9; background-color:#fff; color:#6d6d6d;}

.animation {background-color:#ffffff; border:1px solid #d9d9d9; width:500px; padding:0; margin:0 auto; text-align:center;}

.tplWrapper {border-bottom:1px solid #dadada; margin:0 0 40px 0; padding:0 0 40px 0;}
.tplBlock {float:left; width:510px; margin:0; padding:0;}
.tplBlock img {border:1px solid #d9d9d9; margin:0 0 10px 0; padding:0;}
.tplInto {float:right; width:400px; text-align:left;}
.colorBar {margin:20px 0; padding:0; font-size:11px; color:#6d6d6d; line-height:20px;}
.colorBar img {margin:0 4px 0 0; padding:0; border:1px solid #d9d9d9;}

.back2top {float:right; font-size:11px; color:#353535; margin:0; padding:0;}
.back2top a {color:#353535; background-color:#d9d9d9; text-decoration:none; padding:0 4px;}
.back2top a:hover {color:#d9d9d9; background-color:#353535; text-decoration:none; padding:0 4px;}


/** footer **/
.footer {padding:10px 0;  margin:0; border-top:1px solid #fff; background:#dcdcdc;}
h6 {font-size:11px; font-weight:normal; color:#6d6d6d; text-align:center; padding:20px 0; margin:0;}