body{background-color:#ffffff;	margin:0 auto;}
#gotop{width: 106px; height: 24px; clear:both; margin:10px 0 0 753px;}
.imgborder{border:solid #CCC 1px;}

/* ========== 文字區 =========== */	
.font01 {
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	color: #33a761;
	line-height: 26px;
	font-family: "微軟正黑體";
}
.font02 {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #3D95DD;
	line-height: 21px;
	font-family: "微軟正黑體";
}
.font03 {
	text-align: left;
	font-weight: normal;
	font-size: 17px;
	color: #333;
	line-height: 28px;
	font-family: "微軟正黑體";
}

.font09{
	font-size: 18px;
	line-height: 28px;
	color: #FF0000;
	font-family: "微軟正黑體";
	font-weight: bold;
}
.font10{
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	color: #000;
	line-height:25px;
	font-family: "微軟正黑體";
}
.font11 {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	line-height: 28px;
	font-family: "微軟正黑體";
}

/*題目區*/
.testimonials p,.testimonials2 p,.testimonials3 p,.testimonials4 p,.testimonials5 p,.testimonials6 p,.testimonials7 p,.testimonials8 p,.testimonials9 p,.testimonials10 p,.testimonials11 p,.testimonials12 p
{padding:0}
.testimonial-single,.testimonial-single2,.testimonial-single3,.testimonial-single4,.testimonial-single5,.testimonial-single6,.testimonial-single7,.testimonial-single8,.testimonial-single9,.testimonial-single10,.testimonial-single11,.testimonial-single12
{display:inline-block}
.testimonial-single p,.testimonial-single2 p,.testimonial-single3 p,.testimonial-single4 p,.testimonial-single5 p,.testimonial-single6 p,.testimonial-single7 p,.testimonial-single8 p,.testimonial-single9 p,.testimonial-single10 p,.testimonial-single11 p,.testimonial-single12 p
{display:none}
.testimonial-single-image,.testimonial-single-image2,.testimonial-single-image3,.testimonial-single-image4,.testimonial-single-image5,.testimonial-single-image6,.testimonial-single-image7,.testimonial-single-image8,.testimonial-single-image9,.testimonial-single-image10,.testimonial-single-image11,.testimonial-single-image12
{display:inline-block;width:54px;margin:0 5px 10px 0}
.testimonial-single-image img,.testimonial-single-image2 img,.testimonial-single-image3 img,.testimonial-single-image4 img,.testimonial-single-image5 img,.testimonial-single-image6 img,.testimonial-single-image7 img,.testimonial-single-image8 img,.testimonial-single-image9 img,.testimonial-single-image10 img,.testimonial-single-image11 img,.testimonial-single-image12 img
{width:100%;opacity:.5;cursor:pointer;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px}
.testimonial-active,.testimonial-active2,.testimonial-active3,.testimonial-active4,.testimonial-active5,.testimonial-active6,.testimonial-active7,.testimonial-active8,.testimonial-active9,.testimonial-active10,.testimonial-active11,.testimonial-active12
{/*padding-bottom:20px*/}

.portfolio-filters,.works{padding:10px 5px 30px;font-size:20px;color:#aaa;line-height:25px}
.portfolio-filters,.works a{color:#666}
.portfolio-filters,.works a:hover,.portfolio-filters,.works a.active{color:#ff7800;font-weight:700;}

.divider-1 span {display: block; width: 150px; height: 6px; margin: 0 auto 20px auto; border-top: 3px solid #177ac6;}
.info ul,.info ol,.info li{margin-top: 0;line-height: 32px; text-align: left !important;font-size: 18px !important;}
.listen ul,.listen ol,.listen li{margin-top: 0;line-height: 28px; text-align: left !important;font-size: 18px !important;}
.info p,.listen p, .listen, .qa-cont{text-align: left !important;font-size: 18px !important; line-height: 30px; color: #000000;}
.listen{margin-bottom:20px;}
.qa-cont{margin-bottom:10px;}
.listen-title,.listen-title2,.listen-note,.listen-title_under{
    font-size:18px; font-weight:bold; line-height:30px;
}

.listen-title3{
    font-size:18px; font-weight:bold; line-height:30px;text-align: left;
}

.listen-title4{
    font-size:26px; font-weight:bold; line-height:35px;text-align: center;
}

.listen-title{color:#177ac6;}
.listen-title2{color:#000000;}
.listen-note{color:#177ac6;}
.listen-title_under{color:#333333;text-decoration:underline;}
.page-title{ color: #333333; text-align: left; font-size:24px; font-weight:bold; line-height:32px;}
.part-box{background-color: #ebf8ff; padding: 5px 10px;  margin-bottom: 30px; margin-top: 5px;}
.part-box2{background-color: #ebf8ff; padding: 5px 15px;  margin-bottom: 15px; margin-top: 5px;}
.part-circle{background-color: #177ac6; color: #ffffff; font-weight: bold; padding: 2px 11px; border-radius: 100%; clear: both; display: inline-block;  font-family: arial;}
.media-box{text-align: left; margin-bottom: 20px;}
.BOX{width:100%; margin:0 auto 20px auto;}
.SMALL,.SMALL02{	min-height: 120px; border: 1px dashed #64639f; padding: 12px 15px;}
.chose-btn ,.chose-btn02 {display: inline-block; float:left; width: 54px; margin: 0 10px 15px 0; cursor:pointer;}
.chose-btn img,.chose-btn02 img{
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    cursor:pointer;
    opacity: .5;
}
.chose-result,.chose-result02{ color: #cccccc; border:1px dashed #aaa; margin-top:10px;}
.correct{color:#ff0000; font-weight:bold;}
.que_line{border-bottom: 2px solid #e2e2e2; margin: 30px auto;}

/*Faq*/
.qa-cate{
    padding: 6px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
}
.qa-cate{ background-color: #66659f;  color: #FFFFFF;  border: 1px solid #66659f;}
.faq-title {    
    text-align: left;
    font-size:22px;
    font-weight:bold;
    line-height:33px;
    text-decoration: none;
}
.faq-title a{ color: #66659f; text-decoration: none;}
.faq-title a:hover{ color: #333333; text-decoration: none;}
/*桌機、行動 判斷空二行、表格:Start*/
.show-pc,.menu-pc,.info-pc{display:block;}
.show-mb,.menu-mb,.info-mb{display:none;}
/*桌機、行動 判斷空二行、表格:End*/

/* 表格 */
.ma_content,.ma_content2 {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    text-align: left;
}
.ma_content table,.ma_content2 table {
    width: 100%;
    margin-bottom: 25px;
}
.ma_content td {
    border: #ccc solid thin;
    padding: 5px;
    font-size: 17px;
    color: #333333;
}
.ma_content2 td {
    border: #ccc solid thin;
    padding: 10px;
    font-size: 17px;
    color: #333333;
}
.ma_content th{
    text-align: center;
    padding: 6px;
    font-size: 17px;
    font-weight:bold;
    color: #ffffff;
    border: #ccc solid thin;
}
.ma_content2 th {
    padding: 5px 5px 5px 15px;
    font-size: 17px;
    font-weight:bold;
    color: #333333;
    border: #ccc solid thin;
}
/* 題目樣式 */
.topic-style {
    padding:15px 12px;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
    border:1px solid #999999;
    text-align: left;
    margin-top: 10px;
    word-wrap:break-word;
}
.topicue_line{border-bottom: 1px solid #999999; margin: 15px auto;}
.topic-content {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    text-align: left;
}
.topic-content table {
    width: 100%;
    margin-bottom: 25px;
}
.topic-content td {
    border: #333333 solid thin;
    padding: 5px;
    font-size: 16px;
    color: #000000;
}
.topic-btn{
    border-radius:20px;
    border:2px solid #000000;
    padding:5px;
    text-align:center;
    font-weight:bold;
}

/*影片語法*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

@media only screen and (max-width: 435px) {
    .headdesktop{display:none!important;width:100%;height:auto}
    .headPhone{display:block!important;width:100%;height:auto}
    /*桌機、行動 判斷空二行、表格:Start*/
    .show-pc,.menu-pc,.info-pc{ display:none; }
    .show-mb,.menu-mb,.info-mb{display:block;}
    /*桌機、行動 判斷空二行、表格:End*/

    .faq-title {
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
        text-decoration: none;
}
    .ma_content2 th {
    text-align: center;
}

    .ma_content2 td {
    border: #ccc solid thin;
    padding: 15px;
    font-size: 18px;
    color: #333333;
}
}

@media (max-width: 415px) {	
	h1, h2 {  font-size: 28px;  line-height: 40px; }	
	.show-menu { right: 10px; }	
	.divider-1 span, .divider-2 span {width: 200px;}
}