@charset "utf-8";
/* CSS Document */
html {display: flex;}
body {background:#ACACAC ; min-height: 100vh; width: 100%;display: flex;flex-direction: column;font-family: 'Microsoft JhengHei', 'Noto Sans TC', ' Arial',sans-serif;line-height: 1.5;letter-spacing: 0.5px;text-align: left;font-weight: normal;overflow-x: hidden;font-size: 16px;}
a {text-decoration: none;transition: all .1s ease-in-out;}
h1 {visibility: hidden;}
h2{font-size: 24px;font-weight: 700;letter-spacing: 0.05em;color: #000000;margin-bottom: 28px;}
h3{font-size: 20px;font-weight: 700;color: #068BB6;margin-bottom: 2px;}
.warpper{ width:100%; position:relative;}
@media screen and (max-width: 900px){.wrapper {width: 95%;}}

/*--top--*/
.main_content{max-width:1000px; margin:0 auto; background-color:#FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,0.4); position:relative;}
.top{ padding-top: 25px;height: 340px} 
.cnalogo{float:right;margin-right: 4%;position: relative;z-index: 1;}
.cnalogo img{width: 135px;display: inline;}
.chenlogo img{width:100%; position:absolute;}
.nav {position: relative;height: 50px}
.nav ul{ display: block;position: absolute;right: 0;top: -40px;}
.nav li{list-style-type: none;display: inline-block;}
.nav ul li{display: inline-block; font-size: 18px;font-weight: 400;}
/*a .btn_2, .overlay-menu .no-drop a{cursor: no-drop;}*/
a .btn_1:last-child,a .btn_2:last-child, a .btn_3:last-child {display: none;}
a:hover .btn_1:last-child,  a:hover .btn_2:last-child, a:hover .btn_3:last-child {display: block;}
a:hover .btn_1:first-child, a:hover .btn_2:first-child, a:hover .btn_3:first-child {display: none;}
a .btn_1, a .btn_2{    margin-right: 30px;}
.about{position:relative;}
.article {margin-left: 25%; margin-right: 6%;}
.article p{font-size: 16px;line-height: 1.7; font-weight: 400;}
.about p, .content p{margin: 0 0 1.25rem;}
.about p{text-align: justify;}
@media screen and (max-width: 780px){
.top {height: 18em;}
}
@media screen and (max-width: 680px){
    .top{ padding-top: 15px;height: 16em;} 
	.article{margin:0%5%;}
    .cnalogo {float: right;margin: 5px 5%;}
	.chenlogo img {width: 100%;position: relative;top: -20px;}
    a .btn_1, a .btn_2 {margin-right: 15px;}
}
@media screen and (max-width: 600px){
.nav {display:none ;}
}
@media screen and (max-width: 480px){
    .top{ padding-top: 15px;height: 13em;}
    a .btn_1, a .btn_2{margin-right: 5px;}
    .nav {position: relative;height: 20px;}
    .nav ul li{width: 30%;}
    .nav ul li:last-child{width: 35%;}
}

/*--content--*/
.hr{display: inline-block;margin-left: 5%; margin-right: 5%;margin-top: 20px;}
.m-hr{display: none;}
.sign_up{display: block;}
.m_sign_up{display:none;}
.content .bold{font-weight: bold;margin-bottom: 2px;}
.bold span{ color:#068BB6;font-weight: bold;}
.contact, .content{position:relative;top:-48px;display: block;}
.content .list{list-style-type: lower-alpha;margin-left: 3.5%;line-height: 1.7;}
.content .list li:last-child{margin-bottom:1.25rem;}
.content p:last-child{margin-bottom:-1.25rem;}
.button{    
font-family: 'Microsoft JhengHei', 'Noto Sans TC', ' Arial',sans-serif;font-size: 24px;margin-top: 20px;margin-bottom: 20px;font-weight: bold;line-height: 126%;min-width: 194px;padding: 12px 20px;text-align: center;border: 3px solid;border-radius: 5px;
color: #fff;cursor: pointer;display: inline-block;letter-spacing: 1px;position: relative;text-shadow: 0 1px 5px rgb(0 0 0 / 60%);background: linear-gradient(#ffd338, #d75209);background-color: #ffbf44; box-shadow: inset 0 2px 2px #ffe68c;border-color: #ffbf44 #ffbf44;
}
.content a:hover{opacity:0.9;cursor: pointer;}
@media screen and (max-width: 680px){
.sign_up{display: none;}    
.m_sign_up{display: block;width:200px;} 
.hr{display: none;}
.m-hr{display: block;margin: 0% 5%;}
.m-hr img{width: 600px;}
.contact, .content{position:relative;top:0px;display: block;}
.about p:last-child,.content p:last-child, .tel:last-child {margin-bottom: 3rem;}
}
@media screen and (max-width: 480px){

.m-hr{width: 120%;}	
.m-hr img{width: 400px;}
}
/*--footer--*/
.footer_box{display: block;height: 88px;background: #068BB6;color: #ffffff;margin:0 auto; text-align:center;padding: 20px;}
.tel{color:#068BB6;}

/* ---- top ---- */
#go-top{ color: #fff;font-weight: bold;}
.go-top {
  bottom: 20px;border: 1px solid #1c7896;background: linear-gradient(#1c7896, #90c0cf);background-color: #90c0cf; box-shadow: inset 0 2px 2px #90c0cf;
  border-radius: 4px;display: none;font-size: 14px;padding: 10px;position: fixed;right: 5%;text-decoration: none;z-index: 999;
}
.go-top:hover,.go-top:focus,.go-top:active,.go-top:visited {color: #fff;outline: 0;text-decoration: none;}

/*--winner--*/
.history, .winner{width: 30%;margin-bottom: 20px;}
.winner h3{margin: 0px; }
.winner p{margin-bottom:15px; }
.winner hr{border-top: 1px solid #004E96;margin: 0.5em 0 1em 0;width: 80%;}
.winner .title{font-size: 20px;color:#004E96; font-weight: bold;}
.end{ margin-bottom: 8em;font-size: 16px;color: #004E96;}
@media screen and (max-width: 680px){
.winner hr{width: 100%;}
.history, .winner{width: 50%;}
}