* { -webkit-text-size-adjust: none; }
body {margin: 0; padding: 0; font-size: 16px; font-family: Droid Sans, Arial, Helvetica, PingFangSC-Regular, 'Microsoft JhengHei', '微軟正黑體', sans-serif; color:#333333; }
ul, li {list-style: none; margin: 0; padding: 0; }
a:link, a:visited {color: #333333; text-decoration: none; }
a:hover, a:active {color: #b00931; }
img {border: 0px; }
sup {font-size: 0.6em;}
.clear {clear: both; }
.clearfix:after {display: table; clear: both; content: ' '; }
.view_desktop {display: block !important; }
.view_mob {display: none !important; }
/**/
#content {position:relative; width: 100%; max-width: 1000px; margin: 0 auto; padding:25px 0 100px;}
/**/
#banner_inner {background-color: #F3E88B; height: auto; }
#banner_inner img {display: block; width: 100%; max-width: 1000px; max-height: 295px; margin: 0 auto; }
/**/
.bocpay {font-size: 14px; }

.tnc {font-size: 0.8em;line-height: 1.2em;}

.selector {display: block; margin: 0 auto 50px; text-align: center; font-size: 0px; max-width: 100%;}
.selection {position: relative; display: inline-block; margin: 0; padding: 1.8em 2%; font-size: 18px; border-bottom: 2px solid #b00931; width: 16%;}
.selection a{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.selection.active{background-color: #b00931;}
.selection.active a{color: #fff; font-weight: bold;}

.section {position: relative; }
.section-head {position: relative;}
.section-head img {width: 60%; max-width: 400px; display: block; margin: 30px auto;}

@media screen and (max-width: 1000px) {
    .bocpay {padding: 0 10px; }
}

@media screen and (max-width: 768px) {
    .bocpay {padding: 0 10px; }
    .section-head img {width: 40%;}
    .selection {font-size: 14px;}
}

@media screen and (max-width: 598px) {
    .selection {font-size: 12px;}
}