/*layout*/
html,body{margin:0; padding:0;font-family:"微軟正黑體", Arial;}
body{ background:url(../img/oaad-h-bg.jpg) repeat;}
.a01-bg{ background: rgb(29,82,147);
background: -moz-linear-gradient(top,  rgba(29,82,147,1) 0%, rgba(32,124,202,1) 100%);
background: -webkit-linear-gradient(top,  rgba(29,82,147,1) 0%,rgba(32,124,202,1) 100%);
background: linear-gradient(to bottom,  rgba(29,82,147,1) 0%,rgba(32,124,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5293', endColorstr='#207cca',GradientType=0 );}
.clearf{zoom:1;}
.clearf::before ,.clearf::after{content:""; display:table;}
.clearf::after{ clear:both;}

.b01-area{color:#fff; font-family:"微軟正黑體", Arial;}
.b01-area-s1{ padding:10px;  min-width: 25%; float:left; margin-left: 20px;}
.b01-area-s1 h1{ margin:0;}
.b01-area-s1 h1 img{ width:150px; height:auto; max-width:100%;}
.b01-area-s1 h2{ font-size:2em; margin:10px 0 0 0;vertical-align:middle;}
.b01-area-s1 h2 span{display:block; font-size:.4em;}
.b01-area-s1 h2 img{width:50px; max-width:100%; height:auto;}

.b01-area-s2{width:55%; float:right; margin-top:20px; text-align:right;}
.b01-area-s2 ul{display: flex;
    justify-content: flex-end;}
.b01-area-s2 li ,.b01-area-s2 li a{ list-style:none; display:inline-block; font-size:1.1em; margin-right:30px; color:#fff;}
/*20221124*/
.b01-area-s2 li img{/*width:35%;*/width:40px; max-width:100%; height:auto; vertical-align:top; margin-right:8px;}
.b01-area-s2 li strong{ display:inline-block; text-align:left; margin-top:10px;}
.b01-area-s2 li span{ display:block; font-size:small;}
.b02-area{width:95%; margin:0 auto;}
.c01-area,.c02-area,.c03-area{ margin-right:1%; border-radius:20px;}
.c02-area{ margin-left:2.5%;}
.c01-area{ width:45%;}
.c02-area,.c03-area{ width:23%;}
.c01-area,.c02-area{ float:left;}
.c03-area{ float:right;}

.c01-area h2 img,.c02-area h2 img,.c03-area h2 img{ float:left; max-width:100%; height:auto;}
.c01-area h2 img{width:18%;vertical-align:middle;}
.c02-area h2 img,.c03-area h2 img{width:35%; vertical-align:middle;}

.c01-area h2,.c02-area h2,.c03-area h2{ font-size:4em; margin:0; padding:0;background:#f6f6f8;border-radius:20px 20px 0 0;}
.c01-area h2{color:#6582ee;}
.c02-area h2{color:#f3800a;}
.c03-area h2{color:#188f30;}
.c01-st-eng{ font-size:30%; font-family:Arial, Geneva, sans-serif; display:block;line-height: 1.5em; white-space:nowrap;}

.c01-title,.c02-title,.c03-title{ min-height:160px;}
.c01-title{margin-left:13%;text-align:left;}
.c02-title,.c03-title{margin-left:20%; margin-right:5%; text-align:right;line-height: .9em;}
.c-st{ display:block; font-size:.6em;}

.c01-area ul{ margin:0; padding:0;}
.c01-area ul li{ list-style:none; margin:0; padding:0;display:block;}
.c01-area ul li:nth-child(1),.c01-area ul li:nth-child(2){ width:49.9%; height:200px;}
.c01-area ul li:nth-child(1){ float:left;}
.c01-area ul li:nth-child(2){ float:right;}
.c01-area ul li:nth-child(3){width:100%;clear:both; height:160px;border-radius: 0 0 20px 20px;}

.c01-area ul li:nth-child(1),.c01-area ul li:nth-child(2),.c01-area ul li:nth-child(3){background: rgb(14,142,222);
background: -moz-linear-gradient(-45deg,  rgba(14,142,222,1) 17%, rgba(39,179,246,1) 99%);
background: -webkit-linear-gradient(-45deg,  rgba(14,142,222,1) 17%,rgba(39,179,246,1) 99%);
background: linear-gradient(135deg,  rgba(14,142,222,1) 17%,rgba(39,179,246,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8ede', endColorstr='#27b3f6',GradientType=1 );
}

.c01-area ul li:nth-child(1){ background:url(../img/oaad-abg1.png) repeat-x;}
.c01-area ul li:nth-child(2){ background:url(../img/oaad-abg2.png) repeat-x;}
.c01-area ul li:nth-child(3){ background:url(../img/oaad-abg3.png) repeat-x;}


.c01-btm,.c02-btm,.c03-btm{height:360px; border-radius:0 0 20px 20px;}
.c01-btm{background: rgb(44,140,224);
background: -moz-linear-gradient(-45deg,  rgba(44,140,224,1) 0%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(44,140,224,1) 0%,rgba(125,185,232,1) 100%);
background: linear-gradient(135deg,  rgba(44,140,224,1) 0%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c8ce0', endColorstr='#7db9e8',GradientType=1 );}


.backpage a{ display:block; text-align:center; width:100px; height:30px; line-height:30px; background:#338ac1;color:#fff; border-radius:15px;
border:3px solid #0467a1; font-weight:bold; text-decoration:none;-webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75); margin-top:10px; margin-left:10px;}

.b02-area{ padding:2%;}

input[type="submit"]{font-family:Microsoft JhengHei, Arial; cursor:pointer;}

.enter-btn,.enter-btn-a{ background:url(../img/oaad-abg4.png) repeat-x; border:2px solid #c2cafb;
-webkit-box-shadow: 2px 10px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 10px 5px -4px rgba(0,0,0,0.75);
box-shadow: 2px 10px 5px -4px rgba(0,0,0,0.75); width:100px; height:35px; border-radius:20px;
color:#fff; font-size:1em;  font-weight:bold; font-size:.6em; display:block; }
.enter-btn{float:right;}

.c01-btimg{ float:left; margin:20px 20px; width:40%; max-width:100%; height:auto;}
.sc01{ font-size:2.3em; color:#fff; font-weight:bold;}
.c01-btm a{ text-decoration:none;}

.sc01-txt-a,.sc01-txt,.sc-eng,.sc01-txt-b{ display:block;text-shadow: 
     2px  2px     #186b9f, 
    -1px  1px     #186b9f, 
     1px -1px     #186b9f, 
    -1px -1px     #186b9f,
     1px  1px 5px #186b9f;}
	 
.sc01-txt-c,.sc01-txt-d{font-size:1.2em; font-weight:bold;}	 

.sc01-txt-c{color:#fff; text-shadow: 
     2px  2px     #8b640e, 
    -1px  1px     #8b640e, 
     1px -1px     #8b640e, 
    -1px -1px     #8b640e,
     1px  1px 5px #8b640e;}	
	 

.sc01-txt-d{color:#fff; text-shadow: 
     2px  2px     #044611, 
    -1px  1px     #044611, 
     1px -1px     #044611, 
    -1px -1px     #044611,
     1px  1px 5px #044611;}	

	 
.sc-eng{font: 20px/130% Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif; 
font-weight:bold;width:60%;}
.sc-eng-a,.sc-eng-b{font: .75em/130% Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif; color:#713a21; font-weight:bold; display:block; border-bottom:1px dotted #713a21; padding-right:8px; }

.sc-eng-b{color:#0c521a;border-bottom:1px dotted #1d8c30;}

.c01-area ul li:nth-child(1) .sc01 { margin-left: 50%;padding-top: 50px; text-align:center;}

span.sc01-txt-a {margin-bottom: 30px;}
.enter-btn-a{ margin:0 auto;}

span.sc01-txt { margin: 2% auto 2% 3%;}
span.sc01-txt-b {clear: both;margin: 1% auto 2% 5%;padding-top: 2%;}
input.enter-btn {margin-right: 30px;margin-top:-50px;}
.c02-btm{background: rgb(248,164,8);
background: -moz-linear-gradient(top,  rgba(266,133,47,1) 0%, rgba(248,201,65,1) 33%, rgba(251,230,172,1) 53%, rgba(242,184,9,1) 73%, rgba(187,136,12,1) 100%);
background: -webkit-linear-gradient(top,  rgba(266,133,47,1) 0%,rgba(248,201,65,1) 33%,rgba(251,230,172,1) 53%,rgba(242,184,9,1) 73%,rgba(187,136,12,1) 100%);
background: linear-gradient(to bottom,  rgba(266,133,47,1) 0%,rgba(248,201,65,1) 33%,rgba(251,230,172,1) 53%,rgba(242,184,9,1) 73%,rgba(187,136,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a408', endColorstr='#bb880c',GradientType=0 );}

.c03-btm{background: rgb(97,196,25);
background: -moz-linear-gradient(top,  rgba(97,196,25,1) 1%, rgba(97,196,25,1) 17%, rgba(180,227,145,1) 49%, rgba(97,196,25,1) 81%, rgba(97,196,25,1) 100%);
background: -webkit-linear-gradient(top,  rgba(97,196,25,1) 1%,rgba(97,196,25,1) 17%,rgba(180,227,145,1) 49%,rgba(97,196,25,1) 81%,rgba(97,196,25,1) 100%);
background: linear-gradient(to bottom,  rgba(97,196,25,1) 1%,rgba(97,196,25,1) 17%,rgba(180,227,145,1) 49%,rgba(97,196,25,1) 81%,rgba(97,196,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#61c419',GradientType=0 );

}

.c02-btm a ,.c03-btm a{ text-decoration:none;padding:0; display:block;}
.c02-btm img ,.c03-btm img{ float:left; width:30%; max-width:100%; height:auto; }
.c02-btm ul ,.c03-btm ul{ margin:0 5px 0 0; padding:0;  display:block; float:right;  width:53%;}
.c02-btm ul li,.c03-btm ul li{ list-style:none; margin:0; padding:0; margin-top:6px;}

.c02btn-box{ text-align:center; padding:5% 5% 0 0;}
.c02-btm .c02btn-box { position:relative; top: -140px;}
.c03-btm .c02btn-box{ position:relative; top: -90px;}

.enter-btn-b,.enter-btn-c{
	color:#fff; 
	height:45px;
	line-height:45px; 
	font-size:1.2em; 
	font-weight:bold;
	padding:2px 20px; 
	width:40%; 
	border-radius:30px; 
	margin-top:15px; 
	width:45%;}
.enter-btn-b{ background:url(../img/oaad-abg5.png) repeat-x;  border:3px solid #f9c790;-webkit-box-shadow: 6px 6px 5px -1px rgba(139,95,6,1);
-moz-box-shadow: 6px 6px 5px -1px rgba(139,95,6,1);
box-shadow: 6px 6px 5px -1px rgba(139,95,6,1);}

.enter-btn-c{ background:url(../img/oaad-abg6.png) repeat-x;  border:3px solid #9cb98c;-webkit-box-shadow: 6px 6px 5px -1px rgba(12,86,23,1);
-moz-box-shadow: 6px 6px 5px -1px rgba(12,86,23,1);
box-shadow: 6px 6px 5px -1px rgba(12,86,23,1);}



.c02-btm ul li:last-child,.c03-btm ul li:last-child {
    text-align: right;font-size: .8em;background: #edcd90;padding-right: 8px;}
.c03-btm ul li:last-child{background: #d0efc3;}

/*20200106-change*/
.cb-2{ width:52%; float:right;}
.cb-pt-area,.cb-pt-area-a{border-radius:30px;padding: 0 0 15px 0;}
.cb-pt-area{background: rgb(246,200,11);
background: -moz-linear-gradient(top,  rgba(246,200,11,1) 0%, rgba(250,243,192,1) 48%, rgba(173,141,13,1) 100%);
background: -webkit-linear-gradient(top,  rgba(246,200,11,1) 0%,rgba(250,243,192,1) 48%,rgba(173,141,13,1) 100%);
background: linear-gradient(to bottom,  rgba(246,200,11,1) 0%,rgba(250,243,192,1) 48%,rgba(173,141,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c80b', endColorstr='#ad8d0d',GradientType=0 );}

.cb-pt-area-a{ margin-top:10px;background: rgb(13,143,69);
background: -moz-linear-gradient(top,  rgba(13,143,69,1) 0%, rgba(148,232,35,1) 47%, rgba(95,145,8,1) 100%);
background: -webkit-linear-gradient(top,  rgba(13,143,69,1) 0%,rgba(148,232,35,1) 47%,rgba(95,145,8,1) 100%);
background: linear-gradient(to bottom,  rgba(13,143,69,1) 0%,rgba(148,232,35,1) 47%,rgba(95,145,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d8f45', endColorstr='#5f9108',GradientType=0 );}

.cb-sta h2{ display:inline-block; color:#fbf8e2;}
span.cb-cha-a {
    font-size: 0.85em;
    width: 50px;
    display: inline-block;
    line-height: .9em;
}
span.cb-cha-b {
    display: inline-block;
    font-size: xxx-large;
}
span.cb-cha-a,span.cb-cha-b{text-shadow: 1px 1px 2px #8d8887, 1px 1px 2px #5b5857, 1px 1px 2px #5e5b5b, 1px 1px 2px #696666;}
span.cb-eng-a {
    display: block;
    font-size: .75em;
    color: #6f5d0a;
}

.cb-link01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


.cb-link01 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
	background: rgb(254,142,5);
background: -moz-linear-gradient(top,  rgba(254,142,5,1) 1%, rgba(251,195,2,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,142,5,1) 1%,rgba(251,195,2,1) 100%);
background: linear-gradient(to bottom,  rgba(254,142,5,1) 1%,rgba(251,195,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8e05', endColorstr='#fbc302',GradientType=0 );
border-radius:10px;
text-shadow: 1px 1px 1px #8d8887, 1px 1px 1px #5b5857, 1px 1px 1px #5e5b5b, 1px 1px 1px #696666;
}


.cb-link01 a:hover{
	background: -moz-linear-gradient(top,  rgba(251,195,2,1) 1%, rgba(254,142,5,1) 100%);
background: -webkit-linear-gradient(top,  rgba(251,195,2,1) 1%, rgba(254,142,5,1) 100%);
background: linear-gradient(to bottom,  rgba(251,195,2,1) 1%, rgba(254,142,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc302', endColorstr='#fe8e05',GradientType=0 );
}

.cb-link01 span {
    font-size: .65em;
    display: block;
}

.cb-img-a { float: right;  width: 10%;  height: auto; margin:5px 10px;}

.cb-sta { padding: 15px 10px;}

.cb-pt-area-a .cb-sta h2{color:#e7fdd7;}
.cb-pt-area-a span.cb-eng-a{color:#167b2a;}
.cb-pt-area-a .cb-link01 a{
background: rgb(44,86,13);
background: -moz-linear-gradient(top,  rgba(44,86,13,1) 0%, rgba(13,129,10,1) 100%);
background: -webkit-linear-gradient(top,  rgba(44,86,13,1) 0%,rgba(13,129,10,1) 100%);
background: linear-gradient(to bottom,  rgba(44,86,13,1) 0%,rgba(13,129,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c560d', endColorstr='#0d810a',GradientType=0 );}
.cb-pt-area-a .cb-link01 a:hover{background: rgb(13,170,21);
background: -moz-linear-gradient(top,  rgba(13,170,21,1) 2%, rgba(44,86,13,1) 98%);
background: -webkit-linear-gradient(top,  rgba(13,170,21,1) 2%,rgba(44,86,13,1) 98%);
background: linear-gradient(to bottom,  rgba(13,170,21,1) 2%,rgba(44,86,13,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daa15', endColorstr='#2c560d',GradientType=0 );
}
/*20221229*/
.b01-area-brs {
    display: block;
    text-align: center;
    background: #164d7e;
    padding: .2% 0;
    font-size: .95em;
    font-weight: bold;
}

.b01-area-brs img {
    vertical-align: middle;
    margin-left: 10px;
}

/*media query*/
@media screen and (min-width: 831px){.backpage a{ display:none;}}
@media screen and (max-width: 1424px){.c01-st-eng{line-height: .9em;white-space: normal;}}
@media screen and (max-width: 1300px){.cb-link01 span {font-size: .6em;display: block;}}
@media screen and (max-width: 1217px){.enter-btn-b, .enter-btn-c{width:43%;white-space: break-spaces;}.sc01-txt-c, .sc01-txt-d {font-size: 1.1em;}}
@media screen and (max-width: 1193px){.cb-link01 a{height: 100px;}.c01-area ul li:nth-child(3){height: 195px;}}
/*20240919*/@media screen and (max-width: 1157px){input.enter-btn{margin-top: -50px;}}
/*20240919*/@media screen and (max-width: 1143px){.sc-eng{line-height: 1.1em;}}
@media screen and (max-width: 1131px){.c02-btm .c02btn-box{top: -164px;}}
@media screen and (max-width: 1092px){input.enter-btn{margin-right: 5px;}}

@media screen and (max-width: 1067px){.sc01 { font-size: 2.1em;}}
@media screen and (max-width: 1050px){.b01-area-s2 {width: 70%;}}
@media screen and (max-width: 1041px){.sc01-txt-c, .sc01-txt-d{font-size: 1em;}}
@media screen and (max-width: 976px){.c01-area h2, .c02-area h2, .c03-area h2{font-size: 3.5em;}}
@media screen and (max-width: 973px){.sc01 {font-size: 2em;}.enter-btn-b, .enter-btn-c{height: 50px; line-height: 1.3em;}}
@media screen and (max-width: 971px){.cb-link01 a{font-size: large;}}
/*20240919*/@media screen and (max-width: 960px){input.enter-btn{margin-right: 5px;}}
@media screen and (max-width: 927px){.sc01 {font-size: 1.8em;}.c01-area ul li:nth-child(1) .sc01{margin-left: 40%;}}

@media screen and (max-width: 903px){
.c01-area, .c02-area {float: none;}.c01-area {width: 96%; margin: 0 auto;}
.c02-area, .c03-area {width: 46%; margin-top: 2%;}
.c02-area{float: left;}.c03-area{float: right;}
.c02-area h2 img, .c03-area h2 img {width: 22%;}
.c02-btm img, .c03-btm img{width: 18%;}
.enter-btn-b, .enter-btn-c{line-height: 50px;}
.c02-btm .c02btn-box {top: -134px;}
.cb-2 {width: 98%;float: none;margin: 45px auto;}
.cb-link01 a{font-size: x-large;}}

@media screen and (max-width: 830px){.b01-area-s2 {width: 100%; float: none; margin-top: 0px;text-align: right;
    padding-top: 40px;}.backpage a{ display:block;}}

/*20221124*/@media screen and (max-width: 787px){.b01-area-s2 {width: 100%;float: none; margin-top: 0px; text-align: center;  padding-top: 0;clear: both;}.b01-area-s2 ul{justify-content: center;}.b01-area-s1 { padding: 10px;width: 100%;float: none;text-align: center; margin-left:0;}.b01-area-s1 h2 {font-size: 1.8em;}
	/*.b01-area-s2 li img {width: 25%;}*/
.b01-area-s1 {padding: 0;width: 100%;float: none;text-align: center;}}

@media screen and (max-width: 706px){input.enter-btn{margin-right: 10px;}
.c01-area ul li:nth-child(1) .sc01 {margin-right: 10px;}}

@media screen and (max-width: 662px){.c02-btm .c02btn-box {top: -145px;}}

@media screen and (max-width: 585px){.b01-area-s2 li, .b01-area-s2 li a {font-size: 1em;}}

@media screen and (max-width: 582px){.c02-btm .c02btn-box {top: -158px;}}

/*20221124@media screen and (max-width: 536px){.b01-area-s2 li, .b01-area-s2 li a {width: 120px;}}*/

/*20221124*/@media screen and (max-width: 532px){.cb-link01 a {font-size: 1.3em;}.b01-area-s2 ul li img{display:none;}}


@media screen and (max-width: 500px){.c01-area ul li:nth-child(1) {float: none;}
.c01-area ul li:nth-child(1), .c01-area ul li:nth-child(2) {width: 100%; height: auto;}
.c01-btimg{width: 25%;}
.c01-area ul li:nth-child(1) .sc01{padding-top: 20px;}
span.sc01-txt { margin: 8% auto 0 3%;}
.c01-area ul li:nth-child(1) .sc01 { margin-left: 0;    float: right;margin-right: 5.5%;}
.c01-area ul li:nth-child(2){padding-bottom: 25px;}
.c01-title, .c02-title, .c03-title {min-height: 100px;}
.c02-area, .c03-area { float:none; width: 96%; clear: both; margin: 3% auto;}
.c02-area{margin-top:130px;}
.cb-2 { float: none;margin: 165px auto 10px auto;clear: both;}
.c01-area{margin: 0 auto 180px auto;}
.c01-area ul li:nth-child(1) .sc01{margin-right:5px;margin-bottom: 20px;}    
}


@media screen and (max-width: 467px){.cb-img-a{display: none;}}

/*20221124*/@media screen and (max-width: 452px){.b01-area-s2 li, .b01-area-s2 li a { font-size:small; /*width:80px;*/} 
/*.b01-area-s2 li:nth-child(1):after{ content:"/"; float:right; position:relative; top:-30px; left:20px;}*/}

@media screen and (max-width: 450px){.cb-2 {margin-top:155px;}}

@media screen and (max-width: 446px){.cb-link01 a {font-size: 1.2em;}}

@media screen and (max-width: 417px){.cb-2 {margin-top:145px;}}

@media screen and (max-width: 404px){.cb-link01 a {font-size: 1.1em;}}

@media screen and (max-width: 401px){.cb-img-b { width: 20%;height: auto;max-width: 100%;}}

/*20221124*/@media screen and (max-width: 399px){
	.cb-2 {margin-top:140px;}
	.b01-area-s2 ul{ flex-direction:column; justify-content:flex-start; padding: 0; }
    .b01-area-s2 li, .b01-area-s2 li a{margin-right:0;}
	.b01-area-s2 li strong {  text-align: center;  display: block;  margin:8px auto 6px auto; padding:0;}
	.b01-area-s2 li a{text-decoration:none;width: 60%; background: #478dcb; border-radius: 6px;
    border-bottom: 8px solid #104273;}
	.b01-area-s2 li:nth-child(1) a{ margin-bottom: 10px;}

}

@media screen and (max-width: 378px){.cb-link01 a {font-size: 1em;}.cb-2 {margin-top:135px;}}

@media screen and (max-width: 357px){.cb-2 {margin-top:130px;}}

@media screen and (max-width: 343px){.cb-link01 a {font-size: .95em;}}

@media screen and (max-width: 336px){.cb-img-b{ display:none;}.cb-2 {margin-top:120px;}}

@media screen and (max-width: 332px){.sc01 { font-size: 1.7em;}.enter-btn-a {margin: -20px auto;}.img-ct-a{display:none;}}

@media screen and (max-width: 326px){.cb-sta h2{display: block;text-align: center;}.cb-link01 {flex-direction: column;}.cb-link01 a{ width: 90%;height: 70px;font-size: 1.3em;margin: 1% auto;}}

@media screen and (max-width: 280px){
.c01-area h2, .c02-area h2, .c03-area h2 {font-size: 2.8em;}
.sc01 {font-size: 1.3em;}
span.sc01-txt-a { margin-bottom: 10px;}
.enter-btn-a { margin: 0 9px 0 auto;}}