@media all {
body {margin:0;padding:0;font-family:Helvetica,Arial;}
.trhead { background-color: #FFDDEE;font-weight:bold; }
#q_title {display:inline-block;margin:0px;padding:0px;color:#1F1C1C;font-family:"微软雅黑","黑体";font-weight:300;font-size:28px}
#q_title a:link {color:#1F1C1C;text-decoration:none}      /* unvisited link */
#q_title a:visited {color:#1F1C1C;text-decoration:none}  /* visited link */
#q_title a:hover {color:#1F1C1C;text-decoration:none}  /* mouse over link */
#q_title a:active {color:#1F1C1C;text-decoration:none}  /* selected link */
.divQA {width:650px}
.line-separator{top: 0px;
   margin:0px;  
   padding:2px;
   height:3px;    
   border-width: 1px;
   border-bottom-width:1px;
   border-bottom-color:#cccccc;
   border-bottom-style: solid;
   width: 99%;}
.divCenter{margin-left:auto;margin-right:auto;width:980px;}
.divLeft{float:left;width:650px;}
.divRight{float:right;width:300px;}
.qHead{font-size:20px;margin-bottom:0px;}
.rHead{font-size:18px;margin-bottom:0px;margin-top:0px;}
#divTopic{font-size:12px;margin-bottom:0px;margin-top:10px;}
#divTopic a {
    padding: 4px 15px;
    background: #ccffcc;
    color: #006600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #aaffaa;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}
#divTopic a:hover {
    background: #99ff99;
    border: solid 1px #aaffaa;
    text-decoration: none;
}
#divTopic a:active {
    background: #ccffcc;
    border: solid 1px #aaffaa;
}
.spanKeyword {
    padding: 4px 15px;
    background: #ccffcc;
    color: #006600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #aaffaa;
}
.q_status{font-size:12px;color:#666666;}   
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.divCenter{width:100%;}
.divLeft{width:100%;}
.divRight{width:100%;}
.divQA {width:100%;}
}

@media only screen and (max-width : 800px) {
.divCenter{width:100%;}
.divLeft{width:100%;}
.divRight{width:100%;}
.divQA {width:100%;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
.divCenter{margin-left:auto;margin-right:auto;width:1080px;}
.divLeft{float:left;width:700px;}
.divRight{float:right;width:350px;}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media only screen and (min-width : 600px) and (orientation: portrait){
body {margin:0;padding:0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;}
.divCenter{margin-left:auto;margin-right:auto;width:99%;}
.divLeft{width:100%;}
.divRight{width:100%;}
}