@charset "utf-8";
#loading            {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 100;}
#loading_bg         {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff;}
#loading_pic        {position: absolute; width: 200px; height: 200px; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
#loading_pic img    {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
html                {width: 100%; height: 100%;}
body                {width: 100%; height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%;}
.pc                 {/*min-width: 500px;*/}
body *              {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.x                  {position: absolute; width: 100%; left: 0px; top: 0px;}
#s *{
    box-sizing: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    -ms-box-sizing: initial;
    -sand-box-sizing: initial;
}
.clear_both         {clear: both;}
.verticle_center    {position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; display: table;}
.verticle_center p  {display: table-cell; vertical-align: middle; text-align: center; word-break: break-all;}
.poz_center         {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.full               {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.full_x             {position: relative; width: 100%; left: 0px; top: 0px;}
body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pc .hover_opacity{
-webkit-transition: all 0.5s; 
   -moz-transition: all 0.5s; 
    -ms-transition: all 0.5s; 
        transition: all 0.5s;
}
.pc .hover_opacity:hover{opacity: 0.5; filter: alpha(opacity = 50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: pointer;}
.pc .hover_opacity_scale{
-webkit-transition: all 0.5s; 
   -moz-transition: all 0.5s; 
    -ms-transition: all 0.5s; 
        transition: all 0.5s;
}
.pc .hover_opacity_scale:hover{opacity: 0.5; filter: alpha(opacity = 50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: pointer;
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);}
#s{position: relative; width: 100%; max-width: 1280px; height: auto; margin: 0px auto; padding: 1px 0px 50px 0px; font-size: 16px;}
#s #frame           {position: relative; width: 93.75%;/*1200/1280*/ height: auto; margin: 2.5% auto 0px auto; border-radius: 10px; background-image: url('../images/doctor/frame_bg.jpg'); background-repeat: repeat-y; background-size: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); padding: 1px 0px; overflow: hidden; overflow: hidden;}
#s #frame_bg_dot_up {position: absolute; width: 100%; height: 0px; left: 0px; top: 0px; padding-bottom: 7.91666%; background-image: url('../images/frame_bg_dot_up.png'); background-repeat: repeat-x; background-size: auto 100%; border-radius: 10px 10px 0px 0px;}
#s #frame_bg_dot_dn {position: absolute; width: 100%; height: 0px; left: 0px; bottom: 0px; padding-bottom: 21.916666%; background-image: url('../images/frame_bg_dot_dn.png'); background-repeat: repeat-x; background-size: auto 100%; border-radius: 0px 0px 10px 10px;}
#s #main_frame      {position: relative; width: 81.6667%; height: auto; min-height: 1000px; margin: 0px auto; border-radius: 20px; margin: 9% auto 9.1666% auto;}
#protect            {position: fixed; width: 100%; height: 0px; left: -100%; top: 0px; overflow: hidden; z-index: 100;}
#protect_bg         {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #d5e5f4; opacity: 0.9; filter: alpha(opacity = 90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.show_protect #protect{left: 0%; height: 100%;}
#protect_box        {background: url('../images/rule/protect_bg.jpg'); border-radius: 15px; width: 90%; height: 90%; max-width: 980px; max-height: 640px;}
#protect_close      {position: absolute; width: 5.918%; cursor: pointer; right: -7.24489%; top: 0px;}
#protect_content    {width: 90%; height: 86%; overflow: auto; padding: 0% 20px 0% 0%;}
.protect_title      {display: inline-block; color: #feffff; font-size: 240%; line-height: 2; text-indent: 17px; width: 100%; height: auto; background: url('../images/rule/gradient.png'); background-size: 100% 100%; background-repeat: no-repeat;}
.protect_grey       {color: #54575a; font-size: 240%; line-height: 2;}
.protect_ul         {color: #54575a; font-size: 240%; line-height: 2; margin-bottom: 3%; list-style-type: decimal;}
.protect_bottom     {margin-bottom: 3%;}
#ascrail2000        {border-radius: 7px;}
.show_protect       {overflow: hidden;}





@media screen and (max-width: 800px){
    #s #frame              {width: 100%;}
    #s #main_frame         {margin: 24% auto 9.1666% auto;}
    #s #copyright          {
/*-webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);*/
    }
    #protect_close         {right: 0px; margin: -8% 0% 0% 0%;}
    #protect_box           {height: 80%;}
    .protect_title      {font-size: 162.5%;}
    .protect_grey       {font-size: 162.5%;}
    .protect_ul         {font-size: 162.5%;}
}
#top{position: absolute; width: 4.3333%; right: 2.8333%; top: 0px; opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; cursor: pointer;
-webkit-transform: scale(0);
   -moz-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
-webkit-transition: opacity 0.5s, transform 0.5s; 
   -moz-transition: opacity 0.5s, transform 0.5s; 
    -ms-transition: opacity 0.5s, transform 0.5s; 
        transition: opacity 0.5s, transform 0.5s;}
#top.show{opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
#s #main_title              {position: relative; width: 28.2653061%; margin: 0px auto 12.04% auto; opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0s, top 0.5s 0s; 
   -moz-transition: opacity 0.5s 0s, top 0.5s 0s; 
    -ms-transition: opacity 0.5s 0s, top 0.5s 0s; 
        transition: opacity 0.5s 0s, top 0.5s 0s;}
.ani #s #main_title        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .section_0              {opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0s, top 0.5s 0s; 
   -moz-transition: opacity 0.5s 0s, top 0.5s 0s; 
    -ms-transition: opacity 0.5s 0s, top 0.5s 0s; 
        transition: opacity 0.5s 0s, top 0.5s 0s;}
.ani #s .section_0        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .section_1              {opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0.1s, top 0.5s 0.1s; 
   -moz-transition: opacity 0.5s 0.1s, top 0.5s 0.1s; 
    -ms-transition: opacity 0.5s 0.1s, top 0.5s 0.1s; 
        transition: opacity 0.5s 0.1s, top 0.5s 0.1s;}
.ani #s .section_1        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .section_2              {opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0.2s, top 0.5s 0.2s; 
   -moz-transition: opacity 0.5s 0.2s, top 0.5s 0.2s; 
    -ms-transition: opacity 0.5s 0.2s, top 0.5s 0.2s; 
        transition: opacity 0.5s 0.2s, top 0.5s 0.2s;}
.ani #s .section_2        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .section_3              {opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0.3s, top 0.5s 0.3s; 
   -moz-transition: opacity 0.5s 0.3s, top 0.5s 0.3s; 
    -ms-transition: opacity 0.5s 0.3s, top 0.5s 0.3s; 
        transition: opacity 0.5s 0.3s, top 0.5s 0.3s;}
.ani #s .section_3        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .section_4              {opacity: 0; filter: alpha(opacity = 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -50px;
-webkit-transition: opacity 0.5s 0.4s, top 0.5s 0.4s; 
   -moz-transition: opacity 0.5s 0.4s, top 0.5s 0.4s; 
    -ms-transition: opacity 0.5s 0.4s, top 0.5s 0.4s; 
        transition: opacity 0.5s 0.4s, top 0.5s 0.4s;}
.ani #s .section_4        {opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 0px;}
#s .title                   {position: relative; width: 100%; margin: 0% 0% 5.2040816% 0%;}
#s #shine                   {position: absolute; width: 409.742924%; left: 0px; top: 0px; margin: -153.62% 0% 0% -94.57%; font-size: 10%; line-height: 1.5; opacity: 1; filter: alpha(opacity = 100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#s .pink                    {color: #fa7fb6;}
#s .grey                    {color: #54575a;}
#s .blue                    {color: #0099ff;}
#s .size_bigger             {font-size: 187.5%; line-height: 1.66;}
#s .size_normal             {font-size: 162.5%; line-height: 1.66;}
#s .padding_space           {padding: 0px 4.89%;}
#s .break_all               {word-break: break-all;}
#s .section                 {position: relative; padding: 1px 0px 0px 0px; margin: 0% 0% 14.1836% 0%;}
#s a                        {color: inherit;}
#s .margin_bottom           {margin-bottom: 6.428%;}
#s .margin_bottom_          {margin-bottom: 13.5%;}
#s .decimal                 {list-style-type: decimal; padding-left: 8.163%;}
#s ul                       {margin-bottom: 6.857%;}
#s li                       {margin-bottom: 2.857%;}
#s .pink_box                {color: #fff; display: inline-block; background: #fa7fb6; padding: 0.6%; border-radius: 4px; width: 26%; text-align: center; min-width: 96px; cursor: pointer;}
#s .arrow                   {position: relative; display: inline-block; width: 4%; margin: 0% 0% 0% 3%; vertical-align: baseline;}
#s #copyright               {position: relative; width: 500px; left: 50%; top: 0px; color: #0099ff; font-size: 93.75%; text-align: center; margin: 0px auto 0px -250px;}