﻿

body{font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
     overflow-y:auto;
     overflow-x:hidden;
     font-size:16px;
     margin:0;padding:0;
     background-color:#ffffff;
}
@media screen and (min-width:321px) and (max-width:375px){body{font-size:16px}}
    @media screen and (min-width:376px) and (max-width:414px){body{font-size:16px}}
    @media screen and (min-width:415px) and (max-width:639px){body{font-size:16px}}
    @media screen and (min-width:640px) and (max-width:719px){body{font-size:20px}}
    @media screen and (min-width:720px) and (max-width:749px){body{font-size:22.5px}}
    @media screen and (min-width:750px) and (max-width:799px){body{font-size:23.5px}}
    @media screen and (min-width:800px){body{font-size:25px}}
input{font-size:16px;}


div{margin:0;padding:0;}

.viewport{max-width:640px;min-width:320px;margin:0 auto;}
.img12{width:12px;height:12px;}
.img16{width:16px;height:16px;}
.img20{width:20px;height:20px;}
.img25{width:25px;height:25px;}
.img32{width:32px;height:32px;}
.img48{width:48px;height:48px;}
.img64{width:64px;height:64px;}
.img128{width:128px;height:128px;}

.img50p{width:50%;}
.img100w{width:100px;}    


.toothbg{
    height:5px;
    background:#ffffff;
    background-image:-webkit-gradient(linear,50% 0,0 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#f2ecda),to(#f2ecda)),
                    -webkit-gradient(linear,50% 0,100% 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#f2ecda),to(#f2ecda));
    background-image:-moz-linear-gradient(50% 0 -45deg,transparent,transparent 50%,#f2ecda 50%,#f2ecda),
                    -moz-linear-gradient(50% 0 -135deg,transparent,transparent 50%,#f2ecda 50%,#f2ecda);                                
    background-size:5px 3px;
    background-repeat:repeat-x;
    background-position:0 100%;                    
    }

.jiaji
    {
        border:2px solid red;
        width:150px;
        color:red;
        text-align:center;
        font-weight:bold;
        font-size:18px;
        position:relative;
        left:30px;
        top:20px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* IE 9 */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
        -o-transform:rotate(0deg); /* Opera */
    }

.userreject
    {
        border:2px dashed red;
        width:100px;
        height:30px;
        line-height:30px;
        color:#4800ff;
        text-align:center;
        font-weight:bold;
        position:absolute;
        right:30px;
        transform:rotate(20deg);
        -ms-transform:rotate(20deg); /* IE 9 */
        -moz-transform:rotate(20deg); /* Firefox */
        -webkit-transform:rotate(20deg); /* Safari and Chrome */
        -o-transform:rotate(20deg); /* Opera */
    }

