body{ margin:0; padding:0; }
#contactus{ width:100%; background:#fff; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei"; font-size:16px; padding:0; overflow:hidden; }
#contactus .titlebar{ width:100%; height:30px; box-shadow:0 1px 3px #ccc; }
#contactus .titlebar .titletext{ display:inline-block; height:30px; line-height:30px; margin:5px 10px; color:#fff; font-size:20px; }
#contactus .content{ padding:5px 5px 0 0; }
#contactus .typetitle{ display:block; padding:5px; padding-bottom:5px; font-size:16px; background-color:#f6f6f6; cursor:default; position:relative; }
#contactus .typetitle.active{ background-color:#eee; padding-bottom:5px; cursor:pointer; }
#contactus .typecurrent{ color:#36C; margin:0 3px; }
#contactus .typetitle.active .typecross{ width:15px; height:15px; display:inline-block; float:right; margin:3px; background-image:url(../images/form/cross.png); background-position:0 0; background-repeat:no-repeat; position:absolute; right:5px; }
#contactus .typetitle.active:hover{ background-color:#e9e9e9; }
#contactus .typetitle.active:hover .typecross{ background-position:0 -15px; }

#contactus .type{ background:#f6f6f6; }
#contactus .typeitem{ display:block; padding:5px 10px; color:#222; text-decoration:none; cursor:pointer; }
#contactus .typeitem .radio{ display:inline-block; width:15px; height:15px; background-image:url(../images/form/radiobtn.png); background-repeat:no-repeat; background-position:0 0; overflow:hidden; vertical-align:middle; margin-right:5px; }
#contactus .typeitem:hover .radio{ background-position:0 -15px; }
#contactus .typeitem:active .radio, .typeitem.active:hover .{ background-position:0 -45px; }
#contactus .typeitem.active .radio{ background-position:0 -30px; }

#contactus .subtitle{ display:none; padding:5px; padding-bottom:5px; font-size:16px; background-color:#f6f6f6; cursor:default; margin-top:5px; position:relative; }
#contactus .subtitle.active{ background-color:#eee; padding-bottom:5px; cursor:pointer; }
#contactus .subcurrent{ color:#36C; margin:0 3px; }
#contactus .subtitle.active .subcross{ width:15px; height:15px; display:inline-block; float:right; margin:3px; background-image:url(../images/form/cross.png); background-position:0 0; background-repeat:no-repeat; position:absolute; right:5px; }
#contactus .subtitle.active:hover{ background-color:#e9e9e9; }
#contactus .subtitle.active:hover .subcross{ background-position:0 -15px; }

#contactus .sub{ background-color:#f6f6f6; margin-top:5px; padding:10px; }
#contactus .subitem{ display:block; padding:5px 10px; color:#222; text-decoration:none; cursor:pointer; }
#contactus .subitem .radio{ display:inline-block; width:15px; height:15px; background-image:url(../images/form/radiobtn.png); background-repeat:no-repeat; background-position:0 0; overflow:hidden; vertical-align:middle; margin-right:5px; }
#contactus .subitem:hover .radio{ background-position:0 -15px; }
#contactus .subitem:active .radio, .subitem.active:hover .radio{ background-position:0 -45px; }
#contactus .subitem.active .radio{ background-position:0 -30px; }

#contactus .subitemcontent{ margin-top:5px; padding:10px; background-color:#f6f6f6; font-size:15px; }
#contactus .subitemcontent_title{ display:block; font-weight:bold; margin-bottom:5px; }

#contactus .main{ font-size:15px; color:#444; }
#contactus .required{ color:#f00; padding-left:3px; font-size:0.8em; }
#contactus input{ font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei","arial"; color:#333; }
#contactus .submitbtn{ background:#ddd; border:1px solid #bbb; color:#222; padding:2px 15px; font-size:15px; }
#contactus .submitbtn:hover{ background:#ccc; cursor:pointer; }

#contactus .remarks{ color:#f00; font-size:13px; margin-top:10px; }
