@charset "UTF-8";
/* CSS Document */
    body
    {
        padding:0;
        margin:0;
        width:100%;
         background:#f6f6f6;
         font-family:"微軟正黑體", 新細明體,Verdana;
        
    }
    a
    { text-decoration:none;
      
       color:#3fa9f5;
      }
    #comeback,#shopback
    {
        cursor:pointer;
    }
    .format
    {
           width:100%;
        max-width:900px;
        margin:0 auto;
         position:relative;
    }
    
    
    #header,#content,#footer
    {
        width:100%;
        max-width:900px;
        margin:0 auto;
         background:#ffffff;
    }
    #header
    { 
         position:fixed;
           z-index:999;
    }
    #content
    {
        padding:80px 0 20px 0;
    }
    #header
    {
         background:#e6e6e6;
        }
     .header_ul a
       {
           font-weight:bold;
          
           text-decoration:none;
       }
     .now_selector  
     {
         cursor:pointer;
          color:#055493;
          
     }
     
     
     .no_selector
     {
         color:#3fa9f5;
     }
     .no_selector:hover
     {
          color:#055493;
     }
    .header_ul
    {
        padding:0;
        margin:0;
        list-style-type:none;
        
    }
    .header_ul li
    {
        width:100%;
         padding:10px;
         max-width:240px;
         display:inline-block;
         vertical-align:middle;
        
    }
     .header_ul li:first-child
     {
         max-width:240px;
     }
     
      .header_menu
      {
          padding:0;
          margin:0;
          list-style-type:none;
            position:relative;
      }
      .header_menu li
      {
          width:100%;
         font-size:16px;
          max-width:90px;
          list-style-type:none;
          display:inline-block;
            vertical-align:top;
           text-align:center;
           border-right:1px solid #3fa9f5;
           color:#3fa9f5;
         letter-spacing: 3px; 
         
      }
        .header_menu li:first-child    
        
        { border-left:1px solid #3fa9f5;
          
           max-width:90px;

           
          }
          .header_menu li:first-child  span
          {
                width:100%;
              height:100%;
             max-width:90px;
          background-image:url("../images/menuback.png") ;
          background-repeat:no-repeat;
            position:absolute;
         
            left:0;
            top:0;
          }
        
          .header_menu li:last-child
         {
             text-align:right;
             max-width:200px;
             padding-right:25px;
              border:0;
         }
        
        
       .header_menu li span
       {
            width:100%;
              height:100%;
             max-width:90px;
          background-image:url("../images/menuback.png") ;
          background-repeat:no-repeat;
            position:absolute;
         
            left:-3px;
            top:0;
           
           
       }
     .fb
    {
        position:absolute; top:-10px;left:30px;
        }
     .fb_b
     {
         position:absolute;
         top:18px;
      left:50px;
      
     }
     #gotop
     {
            width:40px;
           right:20px;
            bottom:20px;    
            position:fixed;
            padding:10px 0; 
            
     }
     #gotop img
     {
         padding-top:5px;
     }
     
     
     
     /* Content author*/
    
      .author img
      {
        
            width:100%;
      max-width:400px; 
          text-align:center;
      }
      
     .author,.book_content 
     {
         width:100%;
         max-width:900px;
         padding:0;
         margin:15px 0 0 0;
        
     }
     
    
    .author p
    {
          padding:0 10px 0 10px;
    }
   
      .author li,.book_content
     {
       
         width:100%; 
         
         display:inline-block;
         list-style-type:none;
         vertical-align:top;
         
     }
       .author li:nth-child(1)
      {
         padding:0 10px 0 10px;
           max-width:400px;
       }
        .author li:nth-child(2)
        {
                max-width:460px;
        }
     .author li p
     {
          line-height:20px;
     }
     
     .tag_div,.QA_tag_div,.shop_tag_div
     {
         padding:40px 0  40px 0;
         position:relative;
     }
     .tag_div img, .QA_tag_div img,.shop_tag_div img
     { 
          position:absolute;
          width:100%;
          max-width:306px;
          top:15px;
          left:30px;
         }
  .QA_tag_div img,.shop_tag_div img
  {
       
          max-width:80px;
        
  }

    
      .book_content li
      {
              width:100%;
         max-width:445px;
           text-align:left;
           display:inline-block;
           vertical-align:top;
      }
        .book_content li:nth-child(1)
        {
             padding: 0 10px 0 10px;
              max-width:425px;
        }
   .book_li_img
     {
        
           width:100%;
         max-width:440px;
      text-align:center;
     }
     .bookimg
     {
          width:100%;
          max-width:385px;
         
      }
      .book_title
      {
          width:100%;
      }
      .hide
      {
          display:none;
      }
      .book2_c
      {
          padding:0 10px 0 10px;
      }
      .book_tb
      {
           padding:0 5px 0 5px;
          }
      
     hr
     {
         border:0; height:2px; background-color:#d9d9d9;
	color:#d9d9d9	/* IE6 */
     }
     .qa_tb tr:nth-child(odd)
     {
         cursor:pointer;
     }
     .qa_tb
     {
        
         padding:0 10px 0 50px;
     }
     .qa_tb td
     {
          padding:5px;
          vertical-align:top;
     }
     .qa_bk
     {
          background:#eeeeee;
     }
     .qa1,.qa2,.qa3,.qa4,.qa5,.qa6,.qa7,.qa8,.qa9,.qa10
     {
        
         display:none;
     }
     .qa_button
     {
         cursor:pointer;
     }
     .qa_tb a
     {
         display:inline-block;
     }
     
     .a1
     {
         width:82px; height:82px;  top:15px; left:30px;   position:absolute;
          background:url("../images/tag1-n.png") no-repeat;
           cursor:pointer;
     }
     
      .a2
     {
         width:82px; height:82px;  top:15px; left:141px;   position:absolute;
            background:url("../images/tag2-n.png") no-repeat;
            cursor:pointer;
     }
      .a3
     {
         width:82px; height:82px;  top:15px; left:254px;  position:absolute;
            background:url("../images/tag3-n.png") no-repeat;
            cursor:pointer;
     }
     .a1s
     {
         
           background:url("../images/tag1-s.png") no-repeat;
     }
     
     .a1:hover
     {
        
         background:url("../images/tag1-s.png") no-repeat;
 
     }
      .a2s
     {
         
           background:url("../images/tag2-s.png") no-repeat;
     }
      .a2:hover
      {
            background:url("../images/tag2-s.png") no-repeat;
      } .a3s
     {
         
           background:url("../images/tag3-s.png") no-repeat;
     }
      .a3:hover
      {
            background:url("../images/tag3-s.png") no-repeat;
      }
     
     
     
     /*==================resize=======*/
     
     
     
     
     
     /*986 up  for PC*/
     /*header-menu*/
  
     
    @media only screen and (min-width:1110px)
    { 
      /*   #gotop
     {
            width:40px;
           right:-60px;
            bottom:20px;    
            position:fixed;
            padding:10px 0; 
            
     }*/
    }
      @media only screen and (min-width:986px)
      {
           .author li
           {
               max-width:400px;
           }
          
      }
        /*985 down  for phone*/
        
        
      
      @media only screen and (max-width:985px)
      {
            
          
           #content
    {
        padding:0 0 20px 0;
    }
        .shop
        {
            padding-top:25px;
        }
        .shop  img
     { 
          position:absolute;
          width:100%;
          max-width:306px;
          top:3px;
          left:30px;
         }
          
            .author  
            {
              text-align:center;
              margin:0;
              }
          .author li:nth-child(1)
           {
           padding:0;
          }
          .author li:nth-child(2)
          {
               max-width:100%;
          }
          
          .author p
          {
              text-align:left;
              padding:0 10px 0 10px; 
          }
          #gotop
          {
              right:20px;
          }
      }
           @media screen and (min-width: 683px) and (max-width: 985px)
    { 
        
        #content
        {
             padding-top:65px;
        }
    }
            
     
        @media only screen and (max-width:910px)
      {
           .book_tb,.qa_tb
        {
         padding:0 10px 0 10px;
         }
     
          .book_content li
            {
               
         max-width:860px;
      
         }
      
         .book_content li:nth-child(1)
        {
             padding: 0;
             text-align:center;
             max-width:910px;
        }
          
         
      }
      
      
     @media screen and (min-width:488px) and (max-width: 682px)
      { 
       
        #content
        {
             padding-top:57px;
        }
      }
     @media screen  and (max-width: 487px)
      { 
        
        #content
        {
             padding-top:31px;
        }
      }
   
   
  
      
      @media only screen and (max-width:442px)
      {
          .book_list
          {
            /*  max-width:350px;*/
          }
          
      
      }
      
      @media only screen and (max-width:352px)
    {
           
       .qa_tb a
     {
         font-size:12px;
     }
     
     .a1
     {
        left:5px;  
     }
     
      .a2
     {
          left:100px; 
     }
      .a3
     {
        left:200px; 
     }
     
     
    } 
    
     @media only screen and (max-width:729px)
    {
     
     .remarktb
     {
          font-size:13px;
         }
       
          #gotop
          {
               top:40%;
               right:10px;
          }
          #gotop img
          {
                max-width:30px;
         }
         
      
          
    }     
    
    
    @media only screen and (max-width:327px)
    {
       
          #gotop
          {
              right:0px;
          }
    }     
    
    
    
      @media only screen and (max-width:682px)
    {
         .logo
          {
              max-width:200px;
          }
           .header_menu
           {
               margin-right:10px;
           }
            .header_menu li
      {
         
         font-size:13px;
          max-width:50px;
       
         
      }
      
        .fb
    {
       max-width:22px;
        top:-5px;
        left:0;
        }
         .header_menu li span
       {
            width:100%;
              height:100%;
             max-width:50px;
       }
         .header_menu li:first-child
         {
             max-width:50px;
         }
          .header_menu li:last-child
          { max-width:130px;
             padding-right:10px;
          }
          
        
          
    }     
   
   
   
   
     @media only screen and (max-width:487px)
    {
         .logo
          {
              max-width:100px;
          }
           
            .header_menu li
      {
         
         font-size:13px;
          max-width:50px;
       
         
      }
         .header_menu li span
       {
            width:100%;
              height:100%;
             max-width:50px;
       }
         .fb
    {
       max-width:16px;
        top:0;
        left:-1px;
        }
         .header_menu li:first-child
         {
             max-width:50px;
         }
          .header_menu li:last-child
          { max-width:120px;
               padding-right:5px;
          }
          
    }     
    
    
     @media only screen and (max-width:372px)
    {
         .logo
          {
              max-width:90px;
          }
           .header_menu
           {
               padding-top:4px;
           }
            .header_menu li
      {
         
         font-size:11px;
          max-width:40px;
       
         
      }
      .header_menu
      {
          margin-right:5px;
      }
         .header_menu li span
       {
            width:100%;
              height:100%;
             max-width:40px;
       }
         .header_menu li:first-child
         {
             max-width:40px;
         }
          .header_menu li:last-child
          { max-width:115px;
               
          }
          
    }     
     @media only screen and (max-width:332px)
    {
         .logo
          {
              max-width:70px;
          }
           .header_menu
           {
               padding-top:4px;
           }
            .header_menu li
      {
         
         font-size:11px;
          max-width:40px;
       
         
      }
      
      
      .header_menu
      {
          margin-right:5px;
      }
         .header_menu li span
       {
            width:100%;
              height:100%;
             max-width:40px;
       }
         .header_menu li:first-child
         {
             max-width:40px;
         }
          .header_menu li:last-child
          { max-width:115px;
               
          }
          
    }     
    
    
    /*  shop tb */
    
    
    
    
    /*============shop============*/
    
    
    .pay_ul,.pay_inul_f 
    {
       padding:0;
       text-align:center;
        width:100%;
        max-width:680px;
        margin:0 auto;
     }
     
     
    .pay_ul li,.pay_inul_f 
    {
        width:100%;
        padding:10px 15px 10px 15px;
        max-width:190px;
        display:inline-block;
         list-style-type:none;
         vertical-align:top;
    }
    
    
    
    .pay_inul
    {
        margin-left:10px;
     
        
    }
    .pay_inul li
    {
       list-style-type:none; display:inline-block;color:#3fa9f5; padding:0px 8px 5px 8px;
    }
    .pay_inul li:first-child
    {
         width:100px;
    }
     .pay_inul li:last-child
    {
         width:200px;
    }
    
     .pay_ul li img
     {
         width:100%;
         max-width:190px;
     }
    #shop_list 
    {
        padding:0;
        text-align:center;
        width:100%;
        max-width:900px;
        margin:0 auto;
    }
    #shop_list li
    {
         width:100%;
           max-width:195px;
        list-style-type:none;
        display:inline-block;
        vertical-align: top;
        padding:25px 10px 20px 15px;
        margin:15px;
          background: #f5f5f5;
    }

     #shop_list li p:first-child
    {
        text-align:left;
    }
    
    
     .buy2
     {
         
          max-width:102px;
          margin:0 auto;
           text-align:center;
         }
       
     
    #shop_list img
    {
        width:100%;
        max-width:195px;
        cursor:pointer;
    }
    #shop-tb-list
    {
        width:100%;
    }
     .bodr
     {
           -moz-border-radius: 10px 10px ;
      -webkit-border-radius: 10px;
      
      border-radius:10px;
      
      
      
      
      background:#fff;
       padding:3px 10px 3px 10px;
      
     }
     .tshopback
     {
         cursor:pointer;
     }
     .stb
     {
          width:100%; max-width:900px;
     }
     
     
     
     .stb input[type=button],.note_c input[type=button]
     {
            -moz-border-radius: 10px 10px ;
      -webkit-border-radius: 10px;
          border-radius:10px;
      background:#3fa9f5;
       padding:5px 15px 5px 15px;
       border:0;
        width:80px;
        height:30px;
        color:White;
        margin:0 5px 0 5px;
       
     }
           .stb input[type=button]:hover,.note_c input[type=button]:hover
      {
          
           background:#055493;
           cursor:pointer;
      }
    
     .stb input[type=submit]
     {
            -moz-border-radius: 10px 10px ;
      -webkit-border-radius: 10px;
          border-radius:10px;
      background:#3fa9f5;
       padding:5px 15px 5px 15px;
       border:0;
        width:120px;
        height:30px;
        color:White;
        margin:0 5px 0 5px;
       
     }
           .stb input[type=submit]:hover
      {
          
           background:#055493;
           cursor:pointer;
      }

     
     .buy_tb1 input[type=button]
     {
            -moz-border-radius: 10px 10px ;
      -webkit-border-radius: 10px;
         border-radius:10px;
      
      background:#fff;
       padding:3px 10px 3px 10px;
       border:0;
       width:60px;
        color:#000;
        margin:0 5px 0 5px;
        letter-spacing:2px;
        font-size:13px;
     }
      .buy_tb1 input[type=button]:hover
     {
             background:#6d6d6d;
              color:#fff;
              cursor:pointer;
     }
  
     .price
     {
        font-size:13px;
       letter-spacing:1px; 
         
    
     }
     
    
     .price::after
     { content:"元";
      }
     .price::before
     { content:"NT.";
      }
     .de
     { 
            letter-spacing:2px; 
            padding:0 10px 0 10px;
     }
     .bn
     {
          z-index:999;
         }
     
     
     .buy_tb1
     {
          font-size:13px;
     }
     .buy_tb1,.remarktb,.buy_tbc,#content_div
     {
          width:100%;
      max-width:700px; margin:0 auto;  text-align:center;
         }
         
         #content_div ul
         {
              padding:0;
              margin:0;
              text-align:left;
              max-width:700px;
                color:#3fa9f5;
         }
     
         #content_div
         {
             margin-top:20px;
         }
      
         .name_ul li:nth-child(3)
         {
              text-align:right;
         }
         
         
         
          .name_ul li,.email_ul li,.adress_ul li,.tel_ul li,.bank_ul li ,.remark_ul li,.gender_ul li
         {           list-style-type:none;
              display:inline-block;
               vertical-align:top;
           padding:10px;
               width:100%;
              max-width:550px;
             
         }
           .name_ul input[type=text], .email_ul input[type=text] , .adress_ul input[type=text],.bank_ul  input[type=text] ,.tel_ul  input[type=text]
        {
             height:30px;
        }
          .name_ul li:first-child,.email_ul li:first-child,.adress_ul li:first-child,.tel_ul li:first-child,.bank_ul li:first-child ,.remark_ul li:first-child,.gender_ul li:first-child
          { 
               text-align:right;
              max-width:100px;
          }
           
     
           
         .email_ul input[type=text],.name_ul input[type=text],.tel_ul input[type=text],.bank_ul input[type=text]
         {
             width: 97%;
         }
          .adress_ul input[type=text]
        {
       width:70%;
        }
        textarea
         {
     width:96%;
     height:70px;
        }
 #user_zip
 {
     vertical-align:top;
      max-width:150px;
      height:34px;
     }
    
    
::-webkit-input-placeholder { /* Chrome */
  color: #3fa9f5;
 padding:2px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #3fa9f5; 
   
}
::-moz-placeholder { /* Firefox 19+ */
  color:# 3fa9f5; /*padding:2px;*/
  opacity: 1
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color:#3fa9f5; padding:2px;
  opacity: 1;
}
         .buy_tbc
         {
             
              margin-top:20px;
              color:#3fa9f5;
         }
          .buy_tbc tr td:nth-child(2)
         {
              text-align:left;
         }
         input[type="text"],textarea,select 
         {
             border:1px solid #3fa9f5;
         }
         
     .remarktb
     {
          text-align:left;
         }
     
     .buy_tb1 td
     {
         padding:10px;
    
     }
     .buy_tb1 tr td
     {
         background:#f5f5f5;
     }
     .buy_tb1 tr:nth-child(even) td
     {
         background:#f5f5f5;
     }
     .buy_tb1 tr:nth-child(odd) td
     {
         background:#e1e1e1;
     }
    
     .buy_tb1 tr:first-child td
     {
          background:#CCC;
          position:relative;
         /*        border-right:1px solid #000;*/
     }
     
      .buy_tb1 tr:first-child td:last-child
     {
           background:#CCC;
             
     }
      .buy_tb1 tr:last-child td
     {
           background:#3fa9f5;
              
     }
     
     .buy_tb1 tr:last-child td:first-child
     {
           background:#3fa9f5;
               text-align:right;
               color:White;
     }
    
    .remarktb td
    {
         padding:5px;
    }
    .line
    {
        
        background:#000;  position:absolute; right:0;  width:1px;  top:10px; height:15px; 
        }
    
    
    
    

 .gender_ul span
 {
      padding:3px;
 }

/*point*/
.point 
{
	width: 24px;
	height: 24px;
	  background:url(../images/point-b.png) no-repeat;
	  margin:0 auto;
	position: relative;
    }
#point1,#squaredOne2
{
     display:none;
   
}
.buy_tb1 input[type=checkbox]
{
     display:none;
}

.point label{

cursor: pointer;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0;
	top: 0;
	background:url(../images/point-ps.png) no-repeat;
 /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);*/
	

}


.point label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	/*background:url(../images/point-p.png) no-repeat;
	background:#000;*/
}

.point input[type=checkbox]:checked + label  {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;*/
	cursor: pointer;
	position: absolute;
	width: 24px;
	height: 24px;
	left:0;
	top: 0;
	background:url(../images/point-p.png) no-repeat;
}
/* SQUARED ONE */


.squaredOne 
{
    
       
	width: 25px;
	height: 25px;
	 
     background:#fff;
	border:1px solid #3fa9f5;
	  margin:0 auto;
	float:left;
	position: relative;
    }
.squaredOne::after
{
    content:"男";
     margin-left:40px;
}
.squaredOne2
{
 width: 25px;
	height: 25px;
	 
     background:#fff;
	border:1px solid #3fa9f5;
	  margin-left:50px;
	float:left;
	position: relative;
}

.squaredOne2::after
{
    content:"女";
     margin-left:40px;
}
#squaredOne1,#squaredOne2
{
     display:none;
   
}
.squaredOne label{

cursor: pointer;
	position: absolute;
	width: 13px;
	height: 13px;
	left: 6px;
	top: 5px;
	background:#e4e4e4;

}

.squaredOne2 label {
	cursor: pointer;
	position: absolute;
	width: 13px;
	height: 13px;
	left: 6px;
	top: 5px;
	background:#e4e4e4;
 
	/*webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); */
}

.squaredOne label:after

{
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	left:0;
	background: #3fa9f5;

	background: -webkit-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -moz-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -o-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -ms-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);

	
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    
}

.squaredOne2 label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background: #3fa9f5;

	background: -webkit-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -moz-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -o-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: -ms-linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);
	background: linear-gradient(top, #3fa9f5 0%, #3fa9f5 100%);

	
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after,.squaredOne2 label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after,.squaredOne2 input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

@media  screen and (max-width:729px)
{
      /*  #shop_list li
    {
        
        margin:10px 15px 10px 15px;
    }
    
    
    #shop_list li
    {
         width:100%;
           max-width:195px;
        list-style-type:none;
        display:inline-block;
        vertical-align: top;
        padding:25px 10px 20px 15px;
        margin:0 15px 0 15px;
          background: #f5f5f5;
    }*/
}

@media only screen and (max-width:725px)
{
      
    
    
    #content_div,.note_c,.pay_inul
    {
         font-size:13px;
        }
        
          .buy_tb1 input[type=button]
     {
           
           width:50px;
     }
     .name_ul li:first-child,.email_ul li:first-child,.adress_ul li:first-child,.tel_ul li:first-child,.bank_ul li:first-child ,.remark_ul li:first-child,.gender_ul li:first-child
          { 
            
              max-width:80px;
          }
        
}

 
  @media only screen and (max-width:690px)
  {
      
      
          .name_ul li,.email_ul li,.adress_ul li,.tel_ul li,.bank_ul li ,.remark_ul li,.gender_ul li
         {           list-style-type:none;
              display:inline-block;
               vertical-align:top;
           padding:5px  10px 5px 10px;
               width:90%;
              max-width:690px;
             
         }
       #content_div ul li
         {
              text-align:left;
         }
        
  }
  @media screen and(max-width:683px)
  {
      .pay_ul
      {
          max-width:300px;
      }
  }
  
  @media only screen and (max-width:633px)
  {
        .email_ul input[type=text],.name_ul input[type=text],.tel_ul input[type=text],.bank_ul input[type=text],textarea
         {
             width:100%;
         }
  }
    
     @media only screen and (max-width:578px)
    {
        #postnb
        {
             margin:5px 0 5px 0;
        }
     
    }
     @media only screen and (max-width:514px)
    {
        
         .buy_tb1,.price,.note_c
     {
          font-size:13px;
     }
     
     .buy_tb1 img 
     {
          max-width:44px;
     }
     #address
     {
          width:100%;
          
         }
     
    }
    
    
      @media only screen and (max-width:485px)
    {
       
       
    
        
      
         .buy_tb1,.price
     {
          font-size:9px;
     }
      .price
     {
        font-size:9px;
       letter-spacing:0px; 
     }
     
     .price::after
     {content:"";
       
     }
     .de
     { 
            letter-spacing:0px; 
      padding:0 5px 0 5px;
     }
     
     .line
     {
          top:5px; height:15px; 
         }
     
       .buy_tb1 td
     {
         padding:5px;
    
     }
     .buy_tb1 img 
     {
          max-width:22px;
     }
     .buy_tb1 td:nth-child(1)
     {
         width:30px;
     }
    .buy_tb1 td:nth-child(2)
     {
         width:50px;
     }
      .buy_tb1 td:nth-child(3)
     {
         width:30px;
     }
      .buy_tb1 td:nth-child(4)
     {
         width:40px;
     }
      .buy_tb1 td:nth-child(5)
     {
         width:30px;
     }
       .buy_tb1 td:nth-child(6)
     {
         width:50px;
     }
     
     .point
     {
         max-width:22px;
     }
    }
   
    
      @media only screen and (max-width:330px)
    {
        
          .bodr
     {
           -moz-border-radius: 5px 5px ;
      -webkit-border-radius: 5px;
      background:#fff;
       padding:3px 5px 3px 5px;
      
     }
        
         .buy_tb1,.price
     {
          font-size:9px;
     }
     
     
     /*.price::after
     {
         content:"";
     }*/
     .de
     { 
            letter-spacing:0px; 
      padding:0 1px 0 1px;
     }
     
     
       .buy_tb1 td
     {
         padding:5px;
    
     }
     .buy_tb1 img 
     {
          max-width:22px;
     }
     .buy_tb1 td:nth-child(1)
     {
         width:30px;
     }
    .buy_tb1 td:nth-child(2)
     {
         width:50px;
     }
      .buy_tb1 td:nth-child(3)
     {
         width:30px;
     }
      .buy_tb1 td:nth-child(4)
     {
         width:40px;
     }
      .buy_tb1 td:nth-child(5)
     {
         width:30px;
     }
       .buy_tb1 td:nth-child(6)
     {
         width:50px;
     }
     
     .point
     {
         max-width:22px;
     }
    }