﻿.button1{
}

.button2{
    margin-left:50px;
}

/* 字型 */
.fnt_cht {
    font-family: 微軟正黑體,標楷體,新細明體;
}

/*#region 按鈕設定 */

/* 按鈕樣式 */

.css_btn_blue {
    font-size: 16px;
    padding: 5px 20px;
    color: #ffffff;
    background: #3a5aa5;
    border: 3px outset #ffffff;
    text-shadow: 0px -1px 3px #000000;
    box-shadow: 2px 2px 5px #000000;
    -moz-box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 2px 2px 5px #000000;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}

    .css_btn_blue:active {
        position: relative;
        top: 1px;
    }

.css_btn_gray {
    font-size: 16px;
    color: #000000;
    background: #f5f5f5;
    border: 1px solid #59A3C0;
    text-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 10px #d1cfd1;
    -moz-box-shadow: 0px 1px 10px #d1cfd1;
    -webkit-box-shadow: 0px 1px 10px #d1cfd1;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 5px 20px;
}

    .css_btn_gray:active {
        position: relative;
        top: 1px;
    }
    .css_btn_gray a,.css_btn_gray a:link,.css_btn_gray a:visited{
        text-decoration:none;
        color:#000000;
    }

/*#endregion */

/*#region 背景設定 */


/* 漸變 */
.trans_delay {
    background-color: #f1f1f1;
    color: black;
    transition-property: background-color, color;
    transition-duration: 400ms;
}

    .trans_delay:hover {
        background-color: #5b9bd1;
        color: white;
    }

/* 漸層(藍) */
.css_bg_blue {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 1%, #f0f0ff 100%) no-repeat; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 1%,#f0f0ff 100%) no-repeat; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 1%,#f0f0ff 100%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f0f0ff',GradientType=0 ); /* IE6-9 */
    margin: 0px;
}

/* 磚牆 */
.css_bg_wall {
    background: linear-gradient(153.43deg, #C79895 25px, transparent 25px), linear-gradient(333.44deg, #C79895 25px, transparent 25px), linear-gradient(153.43deg, #C79895 25px, transparent 25px), linear-gradient(333.44deg, #C79895 25px, transparent 25px);
    background-color: #DCDBDC;
    background-size: 60px 64px;
    background-position: 2px 2px, 58px 30px, 30px 34px, 86px 62px;
}

/* 黑點 */
.css_bg_spot {
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
}

/* 波浪 */
.css_bg_wave {
    background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
    background-size: 110px 200px;
    background-repeat: repeat-x;
}

/* 信紙 */
.css_bg_paper {
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 105px, #E4E5E5 105px, #E4E5E5 107px, transparent 107px), linear-gradient(#eee .1em, transparent .1em);
    background-size: 100% 1.4em;
}

/* 黑白方格 */
.css_bg_checkboard {
    background-color: #eee;
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

/* 藍色Grid */
.css_bg_bluegrid {
    /* background-color: #269; */
    background-color: #B7D7EE;
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/*#endregion */
