/* ====== default ====== */

body, div, span, table, tr, th, td, p, ol, ul, li, img, input {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; margin: 0; padding: 0;}
th {font-style: normal; font-weight: normal; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
img {border: 0;}

/* ====== layout ====== */

body {width: 100%; background-color: #FFF; color: #5a5a5a;
font: 80%/1.5 "Lucida Grande", Verdana, Arial, sans-serif; position: relative;}

/* header */
#header {height: 110px; width: 970px; margin: 0 auto; position: relative;
   background: #FFF url(../images3.0/header_bg.jpg) no-repeat scroll 320px 0;}
#diymad_logo {margin-left: 5px;}
#global_nav_user {position: absolute; top: 10px; right: 5px;}
#global_nav_menu {position: absolute; top: 85px; height: 25px; width: 970px;
  background: transparent url(../images3.0/menu_bg.gif) no-repeat scroll 0 0;}
#global_nav_menu ul {margin-left: 30px;}
#global_nav_menu li {float: left;}
#global_nav_menu a {float: left;}
#global_nav_menu li span {height: 22px; padding: 3px 12px 0 12px; display: block; float: left; cursor: pointer;}

/* container */
#container {clear: both; width:970px; margin: 25px auto 30px auto; display: block;}
#product_area_message {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg01.gif) scroll 0 10px no-repeat;}
#product_area_mobofun {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg02.gif) scroll 0 10px no-repeat;}
#product_area_mobileweb {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg03.gif) scroll 0 10px no-repeat;}
#product_area_webtrigger {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg04.gif) scroll 0 10px no-repeat;}
#product_area_dialtoget {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg05.gif) scroll 0 10px no-repeat;}
#product_area_lbs {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg06.gif) scroll 0 10px no-repeat;}
#product_area_bluemobo {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg07.gif) scroll 0 10px no-repeat;}
#product_area_madnetwork {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg08.gif) scroll 0 10px no-repeat;}
#product_area_qrcode {width: 794px; margin-left: 88px; min-height: 497px; height: auto;
  background: transparent url(../images3.0/product_bg09.gif) scroll 0 10px no-repeat;}

#area_left {float: left; width: 504px; margin-top: 92px;}
#area_right {float: left; width: 210px; margin: 92px 0 0 45px; background-color: #FFF;}
#message_tab ul li {float: left; width: 126px; height: 30px; font-size: 12px; text-align: center;}
#message_tab ul li.tab_selected {height: 24px; padding-top: 6px; color: #44af35; cursor: default;
  background: transparent url(../images3.0/message_tab_selected.gif) scroll 0 0 no-repeat;}
#message_tab a.normal {display: block; width: 126px; height: 24px; text-decoration: none; padding-top: 6px;
  background: transparent url(../images3.0/message_tab_normal.gif) scroll 0 0 no-repeat;}
#message_tab a.normal:hover {color: #FFF;
  background: transparent url(../images3.0/message_tab_rollover.gif) scroll 0 0 no-repeat;}
#message_content {clear: both; height: 200px; padding: 30px 20px 0 20px;
  background: transparent url(../images3.0/message_content_bg.gif) scroll 0 0 no-repeat;}
#service_content {clear: both; min-height: 200px; height: auto; padding: 20px 20px 0 20px;}
#message_content h3, #service_content h3 {margin: 20px 0 6px 0; color: #00a0cd;}
#service_content h3.v2 {margin-top: 0;}
#message_content ul, #service_content ul {margin-left: 15px;}
#message_content ul li, #service_content ul li {list-style-position: outside; list-style-type: disc; line-height: 1.6em;}
.payment {margin-top: 20px;}

/* footer */
#footer_area {clear: both; width: 100%; height: 50px; margin-top: 20px;
  background: #CCC url(../images3.0/footer_bg.gif) 0 bottom scroll repeat-x;}
#footer_info {width: 970px; font-size: 0.9em; margin: 0 auto; padding: 7px 5px 0 38px; position: relative;}
#copyright {position: absolute; top: 7px; right: 5px; color: #999; font-size: 0.9em;}

/* ====== other style ====== */

.basic_color_font {color: #00a0cd;}
.text_style {width: 180px; height: 16px; padding: 2px 4px; border: 1px solid #CCC; color: #5a5a5a;}
.btn_style {width: 72px; height: 26px; border-style: none; color: #5a5a5a;
  background: transparent url(../images3.0/btn_bg.gif) scroll 0 50% no-repeat;}
.padding_right {padding-right: 5px;}
.paddign_left {padding-left: 5px;}
.insert_img {margin-top: 15px;}
.insert_img_c {margin-top: 15px; text-align: center;}

/* ====== link style ====== */

a:link, a:visited, a:active {color: #5a5a5a; text-decoration: none;}
a:hover {color: #5a5a5a; text-decoration: underline;}

a.ezMADer_link:link, a.ezMADer_link:visited, a.ezMADer_link:active {color: #c80000; text-decoration: none;}
a.ezMADer_link:hover {color: #c80000; text-decoration: underline;}

a.diymad_link:link, a.diymad_link:visited, a.diymad_link:active {color: #00a0cd; text-decoration: none;}
a.diymad_link:hover {color: #00a0cd; text-decoration: underline;}

a.menu_link:link, a.menu_link:visited, a.menu_link:active {color: #FFF; font-weight: bold; text-decoration: none;}
a.menu_link:hover {background: #00a0cd url(../images3.0/menu_hover_bg.gif) repeat-x scroll 0 0;}