@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
#header_logo{
    width: 224px;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}
#footer{
    background-color: #E2DCCC;    
}
.header_link :hover{
    color: #C13349!important;    
}
.clean_fixed{
    margin-top: 50px!important;
}
.mobile_menu{
    color: #121212;
    text-decoration: none;
    border-bottom: thin solid #E9546B;
    font-size: 1.2rem;
    line-height: 3rem;
    padding-left: 0.5rem;
    display: block;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.mobile_menu_list{
    color: #0064CD;
    text-decoration: none;
    border-bottom: thin solid #B5B5B5;
    font-size: 1.2rem;
    line-height: 3rem;
    padding-left: 0.5rem;
    display: block;
}
.mobile_accordion{
    margin-top: 1px;    
}
/*index*/
.index_news{
    border-left: 15px solid #C6BA97;
    background-color: #FFFFFF;
}
.oty_ball1{
    background-image: -webkit-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 1.3rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.oty_ball2{
    background-image: -webkit-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 1.3rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.oty_hover:hover{
    background-image: -webkit-linear-gradient(270deg,rgba(49,104,0,1.00) 0%,rgba(56,159,73,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(49,104,0,1.00) 0%,rgba(56,159,73,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(49,104,0,1.00) 0%,rgba(56,159,73,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(49,104,0,1.00) 0%,rgba(56,159,73,1.00) 100%);
}

/*要點*/
.main_point_img{
    width: 100%;
    height: auto;
}
.main_point :hover{
    color: #C13349;
}
/*arard*/
.award_title1{
    background-image: url(../img/award_title1.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 55px;
    width: 190px;
    padding: 1rem;
    height: 70px;
    text-align: center;
}
.award_title2{
    background-image: url(../img/award_title2.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 55px;
    width: 190px;
    padding: 1rem;
    height: 70px;
    text-align: center;
}
.award_avatar{
    width: 160px;
    height: auto;
}
/*about us*/
.about_us_bg1{
    background-image: url(../img/aboutus_bg1.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #FFFFFF;
    border: thin solid #E9546B;
}
.about_us_bg2{
    background-image: url(../img/aboutus_bg2.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #FFFFFF;
    border: thin solid #7F610D;
}
/*news*/
.news_btn{
    transition: all .2s ease-in;
    background-image: url(../img/news_btn.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #E3E3E3;
    height: 250px;
}
.news_btn:hover{
    background-color: #FFB5C0;
}
/*download*/
.download_bg1{
    background-image: url(../img/download_bg1.png);
    background-size: cover;
    width: 300px;
    height: 300px;
    color: #FFFFFF;
}
.download_bg2{
    background-image: url(../img/download_bg2.png);
    background-size: cover;
    width: 300px;
    height: 300px;
    color: #FFFFFF;
}
.famous_icon1{
    background-image: -webkit-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 1.3rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;   
    
}
.famous_icon2{
    background-image: -webkit-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 1.3rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;   
    
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1199px){
}




@media screen and (max-width:1024px){		
}
@media screen and (max-width:992px){	
}
@media screen and (max-width:991.9px){
}
@media screen and (max-width:767.99px){
.award_avatar{
    width: 130px;
    height: auto;
} 
.download_bg1{
    background-image: url(../img/download_bg1.png);
    background-size: cover;
    width: 250px;
    height: 250px;
    color: #FFFFFF;
}
.download_bg2{
    background-image: url(../img/download_bg2.png);
    background-size: cover;
    width: 250px;
    height: 250px;
    color: #FFFFFF;
}    
}	
@media screen and (max-width:575.99px){	
.oty_ball1{
    background-image: -webkit-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(233,84,107,1.00) 0%,rgba(255,198,198,1.00) 100%);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 1.1rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.oty_ball2{
    background-image: -webkit-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(127,97,13,1.00) 0%,rgba(233,211,152,1.00) 100%);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 1.1rem;
    border: medium solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.award_avatar{
    width: 120px;
    height: auto;
} 
.news_btn{
    transition: all .2s ease-in;
    background-image: url(../img/news_btn.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #E3E3E3;
    height: 120px;
}    
}
@media screen and (max-width:320px){
	
}





/*back top*/
.back-top {
    z-index: 99999;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    opacity: 0.6;
    filter: Alpha(opacity=50);
    width: 35px;
    height: 35px;
    background-color: #E9546B;
    background-size: 24px 24px;
    border-radius: 12px;
    box-shadow: 0px 0px 3px #ffffff;
    transform: translateY(0%);
    transition: all 0.2s linear;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    font-size: 2rem;
}

.back-top:hover {
  opacity: 1;
  filter: Alpha(opacity=80);
  box-shadow: 0px 0px 6px #ffffff;
}

.back-top.hide {
    opacity: 0;
    filter: Alpha(opacity=0);
    transform: translateY(150%);
}