/* ---reset.css--- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ font:inherit; font-size:100%; border:0; margin:0; padding:0; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ line-height:1;}
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0;}

/* ---phone--- */
@media screen and (max-width: 736px) {

*{ -webkit-box-sizing:border-box; box-sizing:border-box; font-family:Arial Narrow, "Microsoft YaHei", "Microsoft JhengHei";}
html, body{ -webkit-text-size-adjust:none;}
body{ background:linear-gradient(to bottom, rgb(115, 205, 255) 0%, rgb(255, 255, 255) 100%); font-family:'Microsoft YaHei', sans-serif;}
@font-face{ font-family:Sosa; src:url(/images/sosa.ttf);}

/* wrapper */
.wrapper{ position:relative; min-width:320px; padding:10px;}

/* footer */
footer{ clear:both; overflow:auto; width:100%; color:rgb(150, 150, 150); font-size:13px; line-height:18px; letter-spacing:0.5px; text-align:center; margin:0; padding:10px 0;}
footer span{ clear:both; display:block; width:100%; letter-spacing:-1px; text-align:center;}

article{ float:none; width:100%; background-color:rgb(255, 255, 255); border-radius:8px; border:1px rgb(190, 215, 230) solid; margin:0; padding:5px; -webkit-box-shadow:0 2px 0 0 rgb(190, 215, 230); box-shadow:0 2px 0 0 rgb(190, 215, 230); margin-bottom:5px;}
.right_column{ float:none; width:100%; background-color:rgb(255, 255, 255); border-radius:8px; border:1px rgb(190, 215, 230) solid; margin:0; padding:2px; -webkit-box-shadow:0 2px 0 0 rgb(190, 215, 230); box-shadow:0 2px 0 0 rgb(190, 215, 230);}

h1{ display:block; width:100%; height:0; background-size:cover; background-image:url(/images/main_image.jpg); background-repeat:no-repeat; text-indent:-9999px; border-radius:8px; margin-bottom:5px; padding-bottom:18.94%;}
h2{ color:rgb(0, 155, 205); font:bold 20px "Microsoft YaHei", "Microsoft JhengHei"; line-height:40px; letter-spacing:1px; text-align:center; margin:10px 0 0 0;}
h3{ color:rgb(100, 100, 100); font:bold 18px "Microsoft YaHei"; line-height:40px; letter-spacing:-1px; text-align:center;}

.foreword{ width:100%; margin-bottom:10px; padding:0;}
.foreword p{ font:15px "Microsoft YaHei", "Microsoft JhengHei"; line-height:18px; letter-spacing:1px; margin:10px; padding:0;}
.foreword p.post_time{ float:right; display:block; width:100%; color:rgb(150, 150, 150); font-size:14px; letter-spacing:-1px; text-align:right; margin:0 10px 10px 10px; padding:0;}
.foreword p.right{ text-align:right;}

article table.group{ width:100%; border:1px rgb(65, 150, 185) solid; margin-bottom:5px;}
article table.group th{ background-color:rgb(65, 150, 185); color:rgb(255, 255, 255); font-size:12px; font-weight:normal; letter-spacing:0; text-align:center; padding:8px 3px;}
article table.group tr:nth-child(odd){ background-color:rgb(225, 240, 250);}
article table.group tr:nth-child(even){ background-color:rgb(255, 255, 255);}
article table.group tr:hover{ background-color:rgb(255, 250, 180);}
article table.group td{ font-size:12px; line-height:16px; letter-spacing:0; vertical-align:middle; border-right:1px rgb(65, 150, 185) solid; border-bottom:1px rgb(65, 150, 185) solid; padding:5px;}
article table.group td.center{ text-align:center;}
article table.group td p{}
article table.group td p span{ color:rgb(255, 0, 0);}

.right_column table#emergency_call{ width:100%; font:15px "Microsoft YaHei", "Microsoft JhengHei"; line-height:18px; letter-spacing:0.5px; margin-bottom:5px;}
.right_column table#emergency_call th{ background-color:rgb(65, 150, 185); color:rgb(255, 255, 255); letter-spacing:10px; text-align:center; padding:5px 0;}
.right_column table#emergency_call tr:nth-child(odd){ background-color:rgb(225, 240, 250);}
.right_column table#emergency_call tr:nth-child(even){ background-color:rgb(255, 255, 255);}
.right_column table#emergency_call tr:hover{ background-color:rgb(255, 250, 180);}
.right_column table#emergency_call td:nth-child(odd){ color:rgb(130, 130, 130); padding:8px 0 8px 8px;}
.right_column table#emergency_call td:nth-child(even){ text-align:center; padding:8px 8px 8px 0;}

.right_column p{ font:15px "Microsoft YaHei", "Microsoft JhengHei"; line-height:30px; letter-spacing:1px; margin:0 10px 5px 10px;}
.right_column p a{ display:block; width:100%; background:rgb(240, 240, 240); color:rgb(0, 0, 0); text-align:center; text-decoration:none; border-radius:5px; border:1px rgb(190, 215, 230) solid;}
.right_column p a:hover{ background-color:rgb(210, 70, 0); color:rgb(255, 255, 255); border:1px rgb(210, 70, 0) solid;}
}

/* ---desktop--- */
@media screen and (min-width: 737px) {

*{ -webkit-box-sizing:border-box; box-sizing:border-box; font-family:Arial Narrow, "Microsoft YaHei", "Microsoft JhengHei";}
html, body{ -webkit-text-size-adjust:none; font-family:'Microsoft YaHei', sans-serif;}
body{ background:linear-gradient(to bottom, rgb(115, 205, 255) 0%, rgb(255, 255, 255) 100%); /*padding-top:98px;*/}
@font-face{ font-family:Sosa; src:url(/images/sosa.ttf);}

/* wrapper */
.wrapper{ position:relative; width:950px; margin:0 auto;}

/* footer */
footer{ clear:both; overflow:auto; width:100%; color:rgb(150, 150, 150); font-size:13px; line-height:35px; letter-spacing:0.5px; text-align:center; margin:0; padding:15px 0;}
footer span{ letter-spacing:0; margin-left:8px;}

article{ float:left; width:680px; background-color:rgb(255, 255, 255); border-radius:8px; border:1px rgb(190, 215, 230) solid; margin:0; padding:10px; -webkit-box-shadow:0 2px 0 0 rgb(190, 215, 230); box-shadow:0 2px 0 0 rgb(190, 215, 230);}
.right_column{ float:right; width:265px; background-color:rgb(255, 255, 255); border-radius:8px; border:1px rgb(190, 215, 230) solid; margin:0; padding:2px; -webkit-box-shadow:0 2px 0 0 rgb(190, 215, 230); box-shadow:0 2px 0 0 rgb(190, 215, 230);}

h1{ display:block; width:100%; height:180px; background-image:url(/images/main_image.jpg); background-repeat:no-repeat; text-indent:-9999px; border-radius:8px; margin-top:10px; margin-bottom:5px;}
h2{ color:rgb(0, 155, 205); font:bold 20px "Microsoft YaHei", "Microsoft JhengHei"; line-height:40px; letter-spacing:1px; text-align:center; margin:10px 0 0 0;}
h3{ color:rgb(100, 100, 100); font:bold 18px "Microsoft YaHei"; line-height:40px; letter-spacing:0; text-align:center;}

.foreword{ width:100%; margin-bottom:10px; padding:0;}
.foreword p{ font:15px Arial Narrow "Microsoft YaHei", "Microsoft JhengHei"; line-height:22px; letter-spacing:1px; margin:10px; padding:0;}
.foreword p.post_time{ float:right; display:block; width:auto; color:rgb(150, 150, 150); font-size:14px; letter-spacing:0; text-align:right; margin:0 10px 10px 10px; padding:0;}
.foreword p.right{ text-align:right;}

article table.group{ width:100%; font:13px Arial "Microsoft YaHei"; line-height:18px; letter-spacing:0.5px; border:1px rgb(65, 150, 185) solid; margin-bottom:5px;}
article table.group th{ background-color:rgb(65, 150, 185); color:rgb(255, 255, 255); font-weight:normal; letter-spacing:1px; text-align:center; padding:5px;}
article table.group tr:nth-child(odd){ background-color:rgb(225, 240, 250);}
article table.group tr:nth-child(even){ background-color:rgb(255, 255, 255);}
article table.group tr:hover{ background-color:rgb(255, 250, 180);}
article table.group td{ vertical-align:middle; border-right:1px rgb(65, 150, 185) solid; border-bottom:1px rgb(65, 150, 185) solid; padding:5px;}
article table.group td.center{ text-align:center;}
article table.group td p{ font:13px Arial "Microsoft YaHei", "Microsoft JhengHei"; line-height:22px; margin:0; padding:0;}
article table.group td p span{ color:rgb(255, 0, 0);}

.right_column table#emergency_call{ width:100%; font:13px "Microsoft YaHei", "Microsoft JhengHei"; line-height:18px; letter-spacing:0.5px; margin-bottom:5px;}
.right_column table#emergency_call th{ background-color:rgb(65, 150, 185); color:rgb(255, 255, 255); letter-spacing:10px; text-align:center; padding:5px 0;}
.right_column table#emergency_call tr:nth-child(odd){ background-color:rgb(225, 240, 250);}
.right_column table#emergency_call tr:nth-child(even){ background-color:rgb(255, 255, 255);}
.right_column table#emergency_call tr:hover{ background-color:rgb(255, 250, 180);}
.right_column table#emergency_call td:nth-child(odd){ color:rgb(130, 130, 130); padding:8px 0 8px 8px;}
.right_column table#emergency_call td:nth-child(even){ text-align:center; padding:8px 8px 8px 0;}

.right_column p{ font:13px "Microsoft YaHei", "Microsoft JhengHei"; line-height:30px; letter-spacing:1px; margin:0 10px 5px 10px;}
.right_column p a{ display:block; width:100%; background:rgb(240, 240, 240); color:rgb(0, 0, 0); text-align:center; text-decoration:none; border-radius:5px; border:1px rgb(190, 215, 230) solid;}
.right_column p a:hover{ background-color:rgb(210, 70, 0); color:rgb(255, 255, 255); border:1px rgb(210, 70, 0) solid;}
}