@charset "utf-8";
/* CSS Document */
#nav { margin-bottom:50px !important;}
#vocabulary h2{background:url(../../vocabulary/images/bg_h2.gif) no-repeat; padding:20px 0 25px 40px; color:#3fab95; font-size:24px; font-weight:bold;}
.box_voca { padding:0 86px 150px 82px; width:812px;}
.box_voca h3 {background:url(../../vocabulary/images/bg_h3.gif) no-repeat; padding:3px 0 10px 20px; font-size:20px; font-weight:bold; color:#008ed1;}

.child1 { margin-bottom:30px;}
.child1 td,.child1 th { padding:8px 0; text-align:center; font-size:16px; line-height:26px;}
.box1 th { background:#e6fab9;}
.box1 td,.box1 th { border:solid 1px #a5c45f;}
.box1,.box2,.box3 { width:266px;  float:left; margin-right:6px;}
.box3 { margin-right:0 !important;}
.child2 { padding-bottom:45px;}
.child3 { padding-bottom:65px;}
.child4 { padding-bottom:80px;}
.child_l { float:left; width:392px; font-size:14px; line-height:24px;}
.child_r { float:right; width:408px; font-size:14px; line-height:24px;}
/*2013/10/23 add*/
.child1 h3,.child2 h3,.child3 h3,.child4 h3{ margin-top:20px;}
/*add 2016-05-16*/
.box_voca{ padding:0 86px 70px 82px}
/*Add-2015-04-22*/
@media only screen and (max-width:980px){
#nav { margin-bottom:5% !important;}
#vocabulary h2{ padding:2% 0 3% 5%; color:#3fab95;background:url(../../vocabulary/images/bg_h_s.gif) no-repeat; background-size:100% 100%;}
.box_voca { padding:0 1% 8.2%; width:auto;}
.box_voca h3 { padding:1% 0 2% 2%; font-size:16px; font-weight:bold; color:#008ed1;background-size:100% 100%;}

.child1 { margin-bottom:3%;}
.child1 td,.child1 th { padding:8px 0; text-align:center; font-size:16px; line-height:26px;}
.box1 th { background:#e6fab9;}
.box1 td,.box1 th { border:solid 1px #a5c45f;}
.box1,.box2,.box3 { width:30%;  float:left; margin-right:1%;}
.box3 { margin-right:0 !important;}
.child2 { padding-bottom:1%;}
.child3 { padding-bottom:1%;}
.child4 { padding-bottom:0%;}
.child_l { float:left; width:48%; font-size:14px; line-height:24px;}
.child_r { float:right; width:48%; font-size:14px; line-height:24px;}
/*2013/10/23 add*/
.child1 h3,.child2 h3,.child3 h3,.child4 h3{ margin-top:10px;}

/*add 2016-05-16*/
.box_voca{ padding:0 1% 7% }
}
@media only screen and (max-width:640px){
.child_l,.child_r{ float:none; width:100%;}
.child_l {margin-bottom:2%;}
#vocabulary h2{padding:2% 0 3% 8%; width:93%;}
}
@media only screen and (max-width:480px){
/*add 2016-05-16*/	
#vocabulary h2{background-size:150% 100%;}
}
@media only screen and (max-width:360px){
#vocabulary h2{font-size:18px; background-size:152% 100%;}
.box1,.box2,.box3 { width:100%;  float:none; margin-right:0;text-align:center;margin-bottom: 2%;}
.box_voca h3{  padding: 2% 0 4% 2%;}
}