/*
Design by http://www.cssmoban.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:微軟正黑體, Microsoft JhengHei;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:10px 0; color:#fff; font:bold 60px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#ffffff;}
h1 small { padding-left:230px; font:normal 16px/1.2em 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif;}
h2 { font:normal 24px 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif; color:#0A0A0A; padding:8px 0; margin:8px 0;}
h3 { font:normal 24px 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif; color:#006633; padding:8px 0; margin:8px 0;}
h5 { font:normal 24px 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif; color:#006633; padding:8px 0; margin:8px 0;}
h6 { font:normal 16px 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif; color:#ffffff; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0;}
a { color:#0A0A0A; text-decoration:underline;}
a.red { color:#ffffff;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; width:980px;}
.content, .fbg { padding:16px 0;}

/* header */
.header { 
background: #FFE8FF;
height:230px;
}

.header_resize { margin:0 auto; width:980px;}
.header .logo { width:auto; float:left;}

/* menu */
.menu_nav { float:left; width:px;}
.menu_nav ul { margin:0; padding:20px 0 0; list-style:none;}
.menu_nav ul li { margin:0 12px 0 0; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:6px 12px; color:#000; text-decoration:none; background:url(images/menu.gif)}
.menu_nav ul li a { border-radus:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_a.gif)}

/* content */
.content { padding-bottom:16px; color:#000;}
.content_resize { border-top:none;}
.content .mainbar { float:left; width:980px;}
.content .mainbar .article_vert { margin:0; padding:0 16px 0 0; float:left; width:297px;}
.content .mainbar .article_vert img { padding:3px; border:1px solid #dedede;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:200px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#FFFFFF;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { color:#070707; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#0A0A0A; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#FFE8FF; color:#000;}
.fbg h2 { color:#000;}
.fbg_resize img { border:1px solid #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:246px;}
.fbg_resize .c2 { padding:0 16px; width:336px;}
.fbg_resize .c3 { padding:0 0 0 16px; width:240px;}
.fbg_resize .c2 img { margin:8px 16px 4px 0; padding:0; float:left;}
.fbg_resize .c1 img, .fbg_resize .c3 img { margin:4px; padding:0;}


/* footer */
.footer { background-color:#ffffff; border-top:1px solid #505050; padding:16px 0; color:#000000;}
.footer img.flogo { float:left; border:none;}
.footer p.lf { margin:0; padding:8px 0; float:left; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:8px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 12px; float:left;}
ul.fmenu li a { color:#fff; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#0A0A0A;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

#contact-submit{
    width: 150px;
    height: 40px;
    color: #ffffff;
    background: url(images/contact_but.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif;
    font-size: 14px;
    font-weight: bold;
}

#contact-clear{
    width: 150px;
    height: 40px;
    color: #ffffff;
    background: url(images/contact_but.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: 微軟正黑體, Microsoft JhengHei, 新細明體, PMingLiU, 細明體, MingLiU, 標楷體, DFKai-sb, serif;
    font-size: 14px;
    font-weight: bold;
}

#con_name, #con_email, #con_website ,#con_area ,#con_phone,#con_fbaccount,#con_experience,#username{
    width: 550px;
    height: 26px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat:no-repeat;
    background-position:left top;
    color: #000000;
    padding-bottom: 5px;
}

#con_mess {
    width: 566px;
    height: 300px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    background-position:left top;
    color: #000000;
    margin-bottom: 10px;
}

#postway , #tagchoose , #titlecategory{
height: 34px;
}

.styled-select select {
   width: 268px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
}