@charset "utf-8";
/* CSS Document */

html,body{ padding:0; margin: 0; font-family:"Microsoft JhengHei";}
img{ display:block;}
*{ box-sizing: border-box;}

.p_only{}
.m_only{ display: none;}
@media (max-width:750px){
.p_only{ display: none;}
.m_only{ display: block;}
}


/*--goTop--*/
.icon_gotop{ display: inline-block; position: fixed; right: 10px; bottom: 30px; cursor: pointer; width: auto; z-index: 99; display: none;}
@media (max-width:750px){
.icon_gotop{ right: 10px; bottom: unset; top:10px; width: 30px;}
}

/*--zone01--*/
.zone01_midline01{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(images/zone01_midline01.png) center no-repeat;}
.zone01_midline01 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone01_01>div.zone01_midline02{ width: 100%; max-width: 1920px; background: url(images/zone01_midline02.png) center no-repeat; padding: 0;}
.zone01_01>div.zone01_midline02 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone01_01{ text-align: center; background: url(images/zone01_bg.png) right bottom no-repeat;}
.zone01_01>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}


.zone01_title01{ margin:0 auto 40px; max-width: 100%; width: auto;}
.zone01_pic01{ max-width: 100%;}

.zone01_01 p{ font-size: 24px; line-height: 1.8em; text-align: center;}
.zone01_01 a{ display: inline-block;}

.zone01_title02{ max-width:100%; margin: 0 auto; width: auto;}

table{ width: 100%; border: 5px solid #f5d34d; border-radius: 10px; margin: 30px 0 0 0;}
th{ background:#7a5fcc; padding: 20px 0; color: #fff;}
td{ background:#f5f5f5; padding: 15px 0; color: #000; text-align: center;}
td a{ text-decoration:none; color: #ff544d;}

@media (max-width:1000px){
.zone01_midline01{ background: none;}
.zone01_01>div.zone01_midline02{ background: none;}
.zone01_01 p{ font-size: 16px;}
.zone01_01 a img{ max-width:70%; margin: 0 auto;}
	
table{ border: 2px solid #f5d34d; border-radius: 5px; font-size: 12px; margin: 10px 0 0 0;}
th{ padding: 15px 0;}
td{ padding: 10px 0;}
}

@media (max-width:750px){
.zone01_01{ background-size: contain;}
.zone01_01>div{ padding: 20px 10px;}
.zone01_title01{ margin:0 auto 10px;}
}

@media (max-width:500px){
.zone01_midline01{ background: none; display: none;}
}


/*--zone02--*/
.zone02_01{ text-align: center;}
.zone02_01>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}
.zone02_title01{ margin:0 auto 40px; max-width:100%; width: auto;}
.zone02_pic01{ max-width:100%;}

.zone02_01>div.zone01_midline02{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(images/zone01_midline02.png) center no-repeat; padding: 0;}
.zone02_01>div.zone01_midline02 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone02_01 p{ font-size: 24px; line-height: 1.8em; text-align: center;}
.zone02_01 a{ display: inline-block;}

.zone02_01 span{ background: #f0dab8; border-radius: 50px; padding: 3px 15px; display: inline-block; margin: 10px 0; text-align: left;}
.zone02_01 span+span{ margin: 0 0 10px 0;}

@media (max-width:1000px){
.zone02_01>div.zone01_midline02{ background: none;}
.zone02_01 p{ font-size: 16px;}
.zone02_01 a img{ max-width:70%; margin: 0 auto;}
.zone02_01 span{ display: block; padding: 10px 15px; font-size: 12px; border-radius: 5px;}
}

@media (max-width:750px){
.zone02_01{}
.zone02_01>div{ padding: 20px 10px;}
.zone02_title01{ margin:0 auto 10px;}
}


/*--zone03--*/
.zone03_01{ text-align: center; background: url(images/zone01_bg.png) right bottom no-repeat;}
.zone03_01>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}
.zone03_title01{ margin:0 auto 40px; max-width:100%; width: auto;}
.zone03_pic01{ max-width:100%;}

.zone03_01>div.zone01_midline02{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(images/zone01_midline02.png) center no-repeat; padding: 0;}
.zone03_01>div.zone01_midline02 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone03_01 p{ font-size: 24px; line-height: 1.8em; text-align: center;}
.zone03_01 a{ display: inline-block;}

.zone03_01 span{ background: #f0dab8; border-radius: 50px; padding: 3px 15px; display: inline-block; margin: 10px 0; text-align: left;}
.zone03_01 span+span{ margin: 0 0 10px 0;}

@media (max-width:1000px){
.zone03_01>div.zone01_midline02{ background: none;}
.zone03_01 p{ font-size: 16px;}
.zone03_01 a img{ max-width:70%; margin: 0 auto;}
.zone03_01 span{ display: block; padding: 10px 15px; font-size: 12px; border-radius: 5px;}
}

@media (max-width:750px){
.zone03_01{ background-size: contain !important;}
.zone03_01>div{ padding: 20px 10px;}
.zone03_title01{ margin:0 auto 10px;}
}


/*--zone04--*/
.zone04_01{ text-align: center; background: url(images/zone01_bg.png) right bottom no-repeat;}
.zone04_01>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}
.zone04_title01{ margin:0 auto 40px; max-width:100%; width: auto;}
.zone04_pic01{ max-width:100%;}

.zone04_01>div.zone01_midline02{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(images/zone01_midline02.png) center no-repeat; padding: 0;}
.zone04_01>div.zone01_midline02 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone04_01 p{ font-size: 24px; line-height: 1.8em; text-align: left;}
.zone04_01 a{ display: inline-block;}

.zone04_01 span{ background: #f0dab8; border-radius: 50px; padding: 3px 15px; display: inline-block; margin: 10px 0; text-align: left;}
.zone04_01 span+span{ margin: 0 0 10px 0;}

.zone04_link{ text-align: center; margin: 0;}
.zone04_link a{ font-size: 13px; line-height: 1.8em; background: #735dc2; text-decoration: none; color: #fff; padding: 2px 15px; border-radius: 50px; display: inline-block; text-align: center;}
.zone04_link a+a{ margin: 0 0 0 5px;}

.howmanytimes table{ width: 100%; border: 5px solid #132c64; border-radius: 10px; margin: 20px 0 0 0; font-size: 13px;}
.howmanytimes th{ background:#132c64; padding: 20px 0; color: #fff; width: 50%;}
.howmanytimes td{ background:#f5f5f5; padding: 15px 15px; color: #000; text-align:left;}
.howmanytimes td a{ text-decoration:none; color: #ff544d;}

@media (max-width:1000px){
.zone04_01>div.zone01_midline02{ background: none;}
.zone04_01 p{ font-size: 16px;}
.zone04_01 a img{ max-width:70%; margin: 0 auto;}
.zone04_01 span{ display: block; padding: 10px 15px; font-size: 12px; border-radius: 5px;}
	
.howmanytimes table{ border: 2px solid #132c64; border-radius: 5px; font-size: 12px;}
.howmanytimes th{ padding: 15px 0;}
.howmanytimes td{ padding: 10px 5px;}
}

@media (max-width:750px){
.zone04_01{ background-size: contain;}
.zone04_01>div{ padding: 20px 10px;}
.zone04_title01{ margin:0 auto 10px;}
}


/*--zone05--*/
.zone05_01{ text-align: center; background: url(images/zone01_bg.png) right bottom no-repeat;}
.zone05_01>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}
.zone05_title01{ margin:0 auto 40px; max-width:100%; width: auto;}
.zone05_pic01{ max-width:100%;}

.zone05_01>div.zone01_midline02{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(images/zone01_midline02.png) center no-repeat; padding: 0;}
.zone05_01>div.zone01_midline02 img{ margin:0 auto; max-width: 100%; width: auto;}

.zone05_link{ font-size:0;}
.zone05_01 p{ font-size: 24px; line-height: 1.8em; text-align: center;}
.zone05_01 a{ display: inline-block;}

.zone05_01 span{ background: #f0dab8; border-radius: 50px; padding: 3px 15px; display: inline-block; margin: 10px 0; text-align: left;}
.zone05_01 span+span{ margin: 0 0 10px 0;}

@media (max-width:1000px){
.zone05_01>div.zone01_midline02{ background: none;}
.zone05_01 p{ font-size: 16px;}
.zone05_01 a img{ max-width:70%; margin: 0 auto;}
.zone05_link a{width:50%;}	
.zone05_link a img{ max-width:100%;}
.zone05_01 span{ display: block; padding: 10px 15px; font-size: 12px; border-radius: 5px;}
}

@media (max-width:750px){
.zone05_01{ background-size: contain !important;}
.zone05_01>div{ padding: 20px 10px;}
.zone05_title01{ margin:0 auto 10px;}
}



/*--注意事項--*/
.note{ background: #c19e68; }
.note>div{ width:1000px; max-width: 100%; margin: 0 auto; padding: 40px 50px;}
.note p{ display: inline-block; padding: 10px 20px; margin: 20px 0 0 0; font-size: 19px; background: #ede4d5;}
.note ol{ padding: 0 0 0 15px;}
.note li{ font-size: 14px; line-height: 1.8em;}
.note li+li{ margin: 10px 0 0 0;}
.note a{ color:#BB1C1C;}

@media (max-width:750px){
.note p{ font-size: 14px;}
.note>div{ padding: 20px 10px;}
.note li{ font-size: 12px;}
}



/*--每一個高度隱藏--*/
.zone01, .zone02, .zone03, .zone04, .zone05, .zone06, .zone07{ height: 0; overflow: hidden;}
.zone_show{}