body {
    font-family:'Microsoft JhengHei';
}
.colorbar {
height:3px;
background: -webkit-linear-gradient(left top,yellow,red);
background: -o-linear-gradient(bottom right,yellow,red);
background: -moz-linear-gradient(bottom right,yellow,red);
background: linear-gradient(to bottom right,yellow,red);
}


.menu {
background-color:#ffffff;
border-top:solid 3px rgb(64,64,64);
text-align:center;
}

ul li a{text-decoration:none}
.menu ul {
    margin:auto;
    text-decoration:none;
}
.menu ul li{
display: inline;
text-decoration:none;
list-style-type: none;
font-family:'Microsoft JhengHei';
font-size:large;
}

.menu ul li a {
    color:rgb(64,64,64)
    }
.menu ul li a:hover {
    color:#a5a5a5;
    }


.card {
    box-shadow:0px 5px 7px 3px #cccccc;
    overflow: hidden;
}

.card_top_bar {
    position:absolute;
    top:-5px;
    left:0px;
}

/*titles*/
.Englishtitle {
    font-size:x-large;
    font-weight:bold;
    font-family:'Microsoft JhengHei';
    color:#a80a5e !important;
}
.Chinesetitle {
    font-size:large;
    font-weight:bold;
    font-family:'Microsoft JhengHei';
    color:#a80a5e !important;
}
.subtitle {
font-family:'Microsoft JhengHei';
color:#295db3;
padding-top:20px;
font-weight:bold;
padding-bottom:30px;
}

.text {
    color:#333333;
    font-family:'Microsoft JhengHei';
}



.eulercup {
height:40vh;
width:100%;
background-image:url('../img/euler.jpg');
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}

.eulercup2 {
background-color:white;
height:30vh;
width:100%;
background-image:url('../img/ulee.png');
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}

/*agenda*/
.infotable {
text-align:left;
width: 100%;
}
.infotable td {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}

.infotable tr:nth-child(even){color:black;background-color:#b2b2b2;}
.infotable tr:nth-child(odd){color:black;background-color:#cccccc;}
.infotable tr:hover {color:white;background-color: #474747;}

.infotable th {
    text-align: left;
    background-color:#474747;
    color: white;
    
    font-family:'Microsoft JhengHei';
    font-size:large;
    font-weight:bold;
}

.infotable th:hover {
    text-align: left;
    background-color: #565656;
    color:rgb(254, 145, 0);
}
.infotable tr:nth-child(9) {background-color:#848484; color:white;}
.infotable tr:nth-child(15) {background-color:#848484; color:white;}

/*index agenda*/
.indextable {
    text-align:left;
    width: 100%;
}
.indextable td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.indextable tr:nth-child(even){color:black;background-color:#b2b2b2;}
.indextable tr:nth-child(odd){color:black;background-color:#cccccc;}
.indextable tr:hover {color:white;background: linear-gradient(to bottom right, #8e2de2 50%, #450780);}

.indextable th {
    text-align: left;
    background-color:#474747;
    color: white;
    
    font-family:'Microsoft JhengHei';
    font-size:large;
    font-weight:bold;
}

.indextable th:hover {
    text-align: left;
    background-color: #565656;
    color:rgb(254, 145, 0);
}

/*joim*/
.feetable {
text-align:left;
width: 100%;
border-top:3px #fff8bc solid;border-bottom:3px #82FFFF solid;
}
.feetable td {padding-top:5px;
    padding-bottom:5px;
    border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;
}


.feetable th {
    text-align: left;
    background-color:#474747;
    color: white;
    font-family:'Microsoft JhengHei';
    font-size:large;
    font-weight:bold;
}

.feetable th:hover {
    text-align: left;
    background-color: #565656;
    color:rgb(254, 145, 0);
}
.feetable tr:nth-child(1) {color:#333333;}
.feetable tr:nth-child(2) {color:#333333;}
.feetable tr:nth-child(3) {color:#333333;}
.feetable tr:nth-child(4) {color:#333333;}
.feetable tr:nth-child(5) {color:#333333;}
.feetable tr:nth-child(6) {color:#333333;}

/*history*/
.historybutnow {
background-color:#6d6d6d;
text-align:center;
color:white;
}
.historybutnow:hover {
background-color:#a8932d;
text-align:center;
color:white;
}
.historybut {
background-color:rgb(64,64,64);
text-align:center;
color:white;
}
.historybut:hover {
background-color:#a8932d;
text-align:center;
color:white;
}

.mid {
    width:5%;
}

.block {
background-image:url('../img/backtest2.png');
background-position:right top;
background-repeat:no-repeat;
background-size:200px;
}
.submitfill {
    border-radius:10px;
    width:150px;
    height:50px;
    background-color:#bababa;
}
.submitfill:hover {
    border-radius:10px;
    width:150px;
    height:50px;
    background-color:#e0dbdb;
    color:#5e5e5e;
}

.rigisbut{
    min-width:220px;
    min-height:68px;
    
}

.flexcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 0px) {
    .mobidisplay {
        display:none;
    }
    .mobiblock {
        display:block;
    }
    .banner {
height:60vh;
background-image:url('../img/hd1300_453.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}
    .padb {
    padding-bottom:0px;
    }
    .mobiback {
    background-color:#ffffff;
    }
    .rigisbut {
        margin:auto;
 padding: 8px 16px;
   border: 1px solid #C7C7C7;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#696969));
   background: -webkit-linear-gradient(top, #FFFFFF, #696969);
   background: -moz-linear-gradient(top, #FFFFFF, #696969);
   background: -ms-linear-gradient(top, #FFFFFF, #696969);
   background: -o-linear-gradient(top, #FFFFFF, #696969);
   background-color: #696969;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   text-shadow: #969696 1px 1px 0px;
   color: #000000;
   font-size: initial;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
}
        .rigisbut:hover {
       background: none;
   background-color: #696969;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #470000;
    }
    .mainwidth {
width:100%;
padding:0px;
}
    .placeph1 {
width:30%;
height:10vh;
background-image:url('../img/1.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.placeph2 {
width:30%;
height:10vh;
background-image:url('../img/2.jpg');
background-size:cover;
}
.placeph3 {
width:30%;
height:10vh;
background-image:url('../img/3.jpg');
background-size:cover;
}
    .placeph3 {
width:30%;
height:10vh;
background-image:url('../img/4.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.placeph5 {
width:30%;
height:10vh;
background-image:url('../img/8.jpg');
background-size:cover;
}
.placeph6 {
width:30%;
height:10vh;
background-image:url('../img/6.jpg');
background-size:cover;
}
}

@media (min-width: 1000px) {
    .mobidisplay {
        display:block;
    }
    .mobiblock {
        display:none;
    }

    .barnner {
background-image:url('../img/hd1300_453.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}
    .padb {
    padding-bottom:30px;
    }
    .mobiback {
    background-color:white;
    }
.rigisbut {
 padding: 8px 16px;
   border: 1px solid #C7C7C7;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#696969));
   background: -webkit-linear-gradient(top, #FFFFFF, #696969);
   background: -moz-linear-gradient(top, #FFFFFF, #696969);
   background: -ms-linear-gradient(top, #FFFFFF, #696969);
   background: -o-linear-gradient(top, #FFFFFF, #696969);
   background-color: #696969;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #1F1F1F;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   text-shadow: #969696 1px 1px 0px;
   color: #000000;
   font-size: large;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
}

    .rigisbut:hover {
      background: none;
   background-color: #696969;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #470000;
    }
.mainwidth {
width:70%;
padding:50px;
}
.placeph1 {
width:30%;
height:30vh;
background-image:url('../img/1.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.placeph2 {
width:30%;
height:30vh;
background-image:url('../img/2.jpg');
background-size:cover;
}
.placeph3 {
width:30%;
height:30vh;
background-image:url('../img/3.jpg');
background-size:cover;
}
.placeph4 {
width:30%;
height:30vh;
background-image:url('../img/4.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.placeph5 {
width:30%;
height:30vh;
background-image:url('../img/5.jpg');
background-size:cover;
}
.placeph6 {
width:30%;
height:30vh;
background-image:url('../img/6.jpg');
background-size:cover;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

    .form-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .form-group label {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .form-horizontal .form-group .form-control {
        width: 91.52542%;
        float: right;
        margin-right: 0;
    }
}

.form-horizontal .form-group .form-control p {
    line-height: 42px;
}

.form-horizontal .form-group i {
    top: 13px;
}