@charset "utf-8";body { margin:0; padding:0; width:100%;}
html { padding:0; margin:0;}
a{outline: none;text-decoration: none;}
/*word*/
#pp{font-size: 13px;line-height: 20px;color: #333333;}
.word {font-size: 13px;line-height: 18px;color: #333333;}
.word-english {font-size: 13px;line-height: 18px;color: #333333;font-family: Arial, Helvetica, sans-serif;}
.white {font-size: 13px;line-height: 18px;color: #fff;}
.numberword {font-size: 18px;line-height: 20px;color: #333333;font-weight: normal;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體", Arial, "新細明體";}
.title {font-size: 15px;line-height: 22px;color: #333333;font-family: "書法家中黑體", "華康中黑體", "新細明體";}
.float-right {float: right;margin-left: 10px;}
.float-left {float: left;margin-right: 10px;margin-bottom: 10px;}
.align-right {text-align: right; }
.align-center {text-align: center; }
.line {clear: both;border-bottom: 1px solid #ddd;margin-top: 40px;margin-bottom: 40px;}
/*     Slider     */
.gallery {width: 940px;height: 250px;margin: 0 auto;padding: 0;}
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li {width: 940px;height: 250px;overflow: hidden;}
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:-40px; top:-150px; }
#nextBtn {display: block;margin: 0;overflow: hidden;width: 16px;height: 26px;position: absolute;left: 960px;top: -150px;}
#prevBtn a { display:block; width:16px; height:26px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:16px; height:26px; background:url(images/r_arrow.gif) no-repeat 0 0; }
/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb; }
/********** header **********/
.header {width:100%;background-image: url(images/header_bg.gif);background-repeat: repeat-x;}
.block_header {margin:0 auto; width:1050px; padding:0;}
/* logo */
.logo { float:left; padding:0; margin:0; width:277px;}
/* fbtop */
.fbtop {padding: 20px 0 0 0;margin: 0;float: right;width: 330px;}
.fbtop p.fbtopword {text-align: right;margin: 0;padding: 5px 0 0 0;float: right;} 
.fbtop p span {color: #970000;font-size: 50px;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體";}
/* menu */	
.menu {float: right;padding: 20px 0 0 0;margin: 0;width: 1055px;height: 35px;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0; height:35px;}
.menu ul li { float:left; margin:0; padding:0 4px; border:0; height:35px;}
.menu ul li a { float:left; margin:0; padding:8px 0; color:#096907; font:normal 15px "微軟正黑體", "華康中黑體", "書法家中黑體"; text-decoration:none;}
.menu ul li a span { padding:10px 12px; background:none;}
.menu ul li a:hover { background:url(images/r_menu.gif) right no-repeat;}
.menu ul li a:hover span { background:url(images/l_menu.gif) left no-repeat;}
.menu ul li a.active { background:url(images/r_menu.gif) right no-repeat;}
.menu ul li a.active span { background:url(images/l_menu.gif) left no-repeat;}
.menu ul li.last { padding:0px;}
.menu ul li:first-child {padding-left: 5px;}
.menu ul li.tag_new_menu a{background: #af0000;color: #ffffff;border-radius: 5px 5px 0 0;background-image: url('images/tag-newmenu.svg');background-size: 40px;background-repeat: no-repeat;}
.menu ul li.tag_new_menu a:hover{background-color: #8e0000}
.menu ul li.tag_new_menu a:hover span{background-image: none;}
/********** slider **********/
.slider_top {margin: 0 auto;padding: 0;background-image: url(images/slider_top_bg.gif);background-repeat: repeat-x;}
/*header_text*/
.header_text {margin: 0 auto;padding: 29px 0 0 0;height: 263px;width: 1048px;background-color:#FFF;border: 1px solid #cdd7d9;}
.header_text .div {width: 940px;padding: 0;margin: 0 auto;}
.header_text img.screen { float:left; margin:0; padding:0;}
.header_text .div .left1 {float: right;width: 460px;padding: 0;margin: 0;}
.header_text .div .left1 img { float:left; margin:0; padding:0;}
.header_text .div .left1 h2 {font:normal 24px "微軟正黑體", "華康中黑體", "書法家中黑體";color: #ff6c00;padding: 0 0 10px 0;margin: 0;}
.header_text p {color: #373737;padding: 0 0 20px 0;margin: 0;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體";font-size: 15px;font-style: normal;line-height: 20px;font-weight: normal;font-variant: normal;}
.header_text a { color: #373737;text-decoration: none;}
/********** slider **********/
.header_text2 {margin: 0 auto;padding: 10px 0 0 0;height: 205px;width: 1048px;border: 1px solid #cdd7d9;background-color: #fff;}
.header_text2_photo{ float:center; margin:0; padding:10px 23px 0 23px;}
.header_text2 img { float:left; margin:0; padding:0;}
/* top_bg */
.top_bg { background:url(images/top_bg.gif) top repeat-x; margin:0; padding:0;}
.top_bg2 { background:url(images/top_bg2.gif) top repeat-x; margin:0; padding:0; height:23px}
.top_bg_resize { width:1050px; margin:0 auto; padding:0;}
.top_bg_resize img { float:left; margin:0; padding:0;}
/*FBG*/
.FBG { margin:0 auto; padding:0 0 20px 0;}
.FBG p {color: #333333;line-height: 1.8em;padding: 5px 0;margin: 0;font-size: 13px;font-style: normal;font-weight: normal;font-variant: normal;}
.FBG a {color: #333333;text-decoration: none;}
.FBG p strong { color:#2a2a2a;}
.FBG img { float: left; margin:10px 10px; padding:0;}
.FBG_resize {width: 1048px;margin: 0 auto;padding: 0;border: 1px solid #d4d4d4;background: #fff;}
/****Recent **/
.Recent  {width: 240px;float: left;padding: 0 10px;margin: 10px 0;border-right: 1px solid #c5c5c5;}
.Recent2  {width: 240px;float: left;padding: 0 10px;margin: 10px 0;}
/********** block index **********/
.body {margin: 0;padding: 0;}
.body_resize {width: 1018px;margin: 0 auto;padding: 0 15px;border: 1px solid #d4d4d4;background: #fff;}
.body_resize h3 {color: #970000;padding: 5px 5px;margin: 0;border-bottom: 1px solid #dfdfdf;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體";font-size: 24px;font-style: normal;font-weight: normal;font-variant: normal;}
.body_resize h2 {font: normal 20px Arial, Helvetica, sans-serif;color: #0ff6c00;padding: 5px 5px;margin: 0;}
.body_resize h3 span {color: #333;padding: 5px 0;margin: 0;font-size: 15px;font-style: normal;font-weight: normal;font-variant: normal;line-height: 20px;}
.body_resize p {font: normal 13px Arial, Helvetica, sans-serif;color: #333333;padding: 10px 5px;margin: 0;line-height: 1.8em;}
.body_resize p span {color: #333333;}
.body_resize a {color: #333333;text-decoration: none;}
.left ul { list-style:none; margin:0 0 0 210px; padding:10px 0 20px 0;}
.left li { background:url(images/port_ul_li.gif) left no-repeat; padding:2px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#5c8783; line-height:1.8em;}
/*.body_resize img { float:left; margin:20px 10px; padding:0;}
.body_resize img.floated { float:left; margin:10px 5px; padding:0;}*/
.right  {width: 480px;float: right;padding: 10px;margin-top: 0px;margin-right: 0px;margin-bottom: 30px;margin-left: 0px;} 
.left  {width: 480px;float: left;margin: 0;padding: 10px 10px;}
.content{width: 990px;float: center;padding: 10px;margin-top: 0px;margin-right: 0px;margin-bottom: 20px;margin-left: 0px;} 
#main_col {float: left;width: 730px;margin: 30px 0 0 0;}
.main_class {margin-bottom: 30px;padding-bottom: 15px;}
.main_class h3 {font-size: 15px;color: #656565;text-decoration: none;}
.main_class h3 a:hover {font-size: 15px;color: #656565;text-decoration: underline;}
.main_class h2 {text-transform: none;color: #ff6c00;text-decoration: none;font-weight: normal;font-size: 16px;background-image: url(images/wordbg.png);background-repeat: no-repeat;background-position: left top;height: 35px;line-height: 23px;padding-left: 20px;margin-bottom: 10px;}
h1 {color: #096907;text-decoration: none;font-weight: normal;font-size: 24px;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體", Arial, "新細明體";text-align: left;padding:0;margin:0;} 
#right_col {float: right;width: 250px;margin: 30px 0 0 0;}
.right_photo {padding-bottom: 20px;}
#course {margin-bottom: 10px;padding-bottom: 20px;}
/*- List -*/
.list {height: 30px;color: #333333;font: normal 12px/13px;clear: both;padding: 0 0 10px 0;list-style-type: none;}
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a {display: block;float: left;padding: 9px 10px;text-align: center;text-decoration: none;color: #2a2a2a;font-size: 13px;}
.list li a:hover {color: #2a2a2a;background: #f0f0f0;padding: 8px 9px;border: 1px solid #dadada;}
.list li a.active {color: #2a2a2a;background: #f0f0f0;padding: 8px 9px;border: 1px solid #dadada;}
div.tabs_list { border:1px solid #dadada; padding:0; margin:0; }
div.tabs_list ul {list-style:none;text-align:left;padding: 10px;}
div.tabs_list ul li { font:normal 12px ; padding:0; margin:0; }
.blog { width:280px; float:left; margin:0; padding:10px;}
/*************footer**********/
.footer_resize {width: 1048px;margin: 0 auto;padding: 10px 0 0 0;}
.footer {width:100%;height: 172px;background: url(images/footer_bg.gif) repeat-x;}
.footer p {font: normal 13px;color: #fff;}
.footer p span {color: #fff;font-size: 56px;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體";}
.footer a {color: #fff;text-decoration: none;padding: 5px;margin: 0;font-size: 13px;font-style: normal;font-weight: normal;font-variant: normal;line-height: 20px;}
.footer p.leftt {text-align: left;width: 50%;margin: 0;padding: 5px 0 0 0;float: left;} 
.footer p.rightt {text-align: left;width: 36%;margin: 0;padding: 5px 0 0 0;float: right;} 
.footer p.down {text-align: center;margin: 15px 0 0 0;padding: 0;}
.footer p.down span {color: #333;font-size: 13px;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}
/*     teacher.html-QA     */
.teachername-english {font-size: 15px;line-height: 20px;color: #373737;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.teachername {font-size: 15px;line-height: 20px;color: #373737;font-weight: bold;}
#teacher-photo {width: 710px;height: 100px;margin: 0 auto;}
#teacher ul.teachermenu{width: 100%;list-style: none;margin: 0;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#teacher ul.teachermenu li{margin: 0px;float: left;width: 83px;height: 93px;overflow: hidden;position: relative;margin: 0px;padding-right: 5px;}
#teacher ul.teachermenu li a:hover img{position: absolute;left: 0px;top: -93px;}
/*     TOEFL03.html-QA     */
#qa {background-image: url(images/test/Q.gif);line-height: 3em;padding-left: 40px;background-repeat: no-repeat;background-position: left 5px;font-size: 14px;font-family: "微軟正黑體", "華康中黑體", "書法家中黑體", Arial, "新細明體";}
#qa a:link {text-decoration: none}
#qa a:visited {text-decoration: none}
#qa a:hover {text-decoration: none;color: #13A2EC;}
#qa a:active {text-decoration: none}
#aq {background-image: url(images/test/A.gif);line-height: 22px;padding-left: 40px;background-repeat: no-repeat;color: #333333;font-size: 13px;padding-top: 5px;margin-bottom: 5px;}
/*側邊欄Social*/
.social {position: fixed;display:block;right:-250px;top: 35%;z-index: 99999;}
.social ul {padding: 0px;-webkit-transform: translate(-270px, 0);-moz-transform: translate(-270px, 0);-ms-transform: translate(-270px, 0);-o-transform: translate(-270px, 0);transform: translate(0, 0);}
.social ul li {display: block;margin: 5px;background: rgba(0, 0, 0, 0.2);width: 300px;text-align: left;padding: 10px;-webkit-border-radius: 30px 0 0 30px;-moz-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li:hover {-webkit-transform: translate(-100px, 0);-moz-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transform: translate(-100px, 0);background: rgba(0, 0, 0, 0.5);}
.social ul li#social-line:hover {background: #11b71f;}
.social ul li#social-fb:hover {background: #016beb;}
.social ul li#social-signup:hover {background: #fe8a01;}
.social ul li:hover a {color: #fff;}
.social ul li:hover i {color: #fff;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.social ul li i {padding: 5px 5px 5px 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 40px;height: 40px;font-size: 30px;background: #ffffff;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li a{color: #fff;font-size:20px;line-height:1.5;font-family:"微軟正黑體", Arial, sans-serif;text-decoration:none;}
/**/
ul.style1 {position: relative;margin: 0;padding-inline-start: 0px;}
ul.style1 > li {padding: .5em .5em .5em 2em!important;border-bottom: dashed 1px silver;list-style-type: none!important;background:none}
ul li:last-child, ol li:last-child {border-bottom: none}
ul.style1 > li:before {font-family: "Font Awesome 5 Free";content: "\f138";position: absolute;left: .5em;font-weight: 900;color: #096907}
ul.style1 > li p:last-child, ol.style2 > li p:last-child {margin-bottom: 0}
ol.style2 {counter-reset: number;list-style-type: none !important;padding: 0 0.5em;position: relative;margin-left: 0;border-radius: 0 10px 10px 10px}
ol.style2 > li {line-height: 1.5;padding: 1em 0 1em 2.5em!important;border-bottom: dashed 1px silver;list-style-type: none !important;margin-bottom: 0;background:none}
ol.style2 > li:before {counter-increment: number;content: counter(number);position: absolute;left: .75em;color: #fff;background: #096907;width: 25px;height: 25px;padding: 0 5px 0 7px;font-weight: 900;border-radius: 50%;margin-top: 3px;}
ol li:last-of-type {border-bottom: none}
ol.style2.start4 {counter-reset: number 3;}
ol.style2.start5 {counter-reset: number 4;}
ol.style2.start6 {counter-reset: number 5;}
@media screen and (max-width: 991px){ul.sm-border li:last-child, ol.sm-border li:last-child {border-bottom: dashed 1px silver}}
/**/
a.normal-hover {cursor: pointer;color: #337ee4;border: 1px solid transparent;border-bottom: 1px solid #337ee4}
a.normal-hover:hover {border-bottom: 1px solid transparent;text-decoration: none}
a.normal-hover:active, a.normal-hover:focus {text-decoration: none;outline: none;border: 1px solid;background-color: rgba(51,126,228,.16)}