@media all and (min-width: 1px) and (max-width: 1200px){
body{width:100%;}

/*

video{display:none;}


    iframe {
        display: none;
    }
*/

#youtube_pic{
	margin-left:0%;
	margin-right:auto;
	height: auto;
	width: 100%;
	clear:both;
}



#youtube_pic img{
	width: 100%;
}

.pc {
	display: none;
}

    .right {
        float: right;
    }

/*隱藏的區塊*/
a{
	color: #099;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
#BodyHeader_event{
	width:100%;
	float:left;}
.hottxt{display:none;}
/*隱藏區塊END*/	

/*會撐開的版面控制*/

#BodyContent {
	width: 100%;
	padding:0;
}
#BodyContainer_event{
	width: 100%;

}

#BodyContentMainNavigator {
    margin-top: 75px;
}

#BodyContentMainNavigator-SE {
    margin-top: 75px;
    margin-left: 5px;
}


#BodyContentMainNavigator-SE a {
    color: #be7323;
    font-weight: normal;
    text-decoration: underline;
}


/*會撐開的版面控制END*/
/* Header */
#BodyHeader_event_rwd {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	position:fixed;
	top:0;
	width:100%;
	clear: both;
	z-index:5;
}
/*共版讓滑鼠滑入或縮放變化過程更滑順*/
#gray_line,#marquee_bg,.first_area,.sec_area,.third_area,.fourth_area,.fifth_area,.sixth_area,.seventh_area,.eighth_area{
	transition:all .5s ease-out;}
#BodyHeader_event_rwd img {
	height: auto;
	max-width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}



    #promote {
        width: 100%;
        background-color: #FFFFFF;
        margin-top: 50px;
        padding-left: 10px;
    }

    #promote a:hover {
        left: 0px;
        top: 0px;
        position: relative;
    }
    .news_tab {
        width: 100%;
        margin-top: 5px;
    }

    #promote ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #promote li {
        list-style-type: none;
        margin: 0;
        padding: 5 0;
    }
    ul.tabs {
        text-align: center;
        width: 100%;
    }
    ul.tabs li {
        /* 項目距離設定 */
        float: left;
        height: 40px;
        width: 50%;
        /* 分項時,每個項目高度調整 */
        overflow: hidden;
        position: relative;
    }
    ul.tabs li a {
        border-bottom: 2px solid #999;
        padding-bottom: 14px;
        font-size: 16px;
        color: #1b1b1b;
        display: block;
        font-weight: bold;
        text-decoration: none;
        font-family: "新細明體", Arial;
    }
    ul.tabs li a:hover {
        border-bottom: 4px solid #C1BEA8;
        color: #C1BEA8;
        padding-bottom: 12px;
    }
    .tab_container {
        background-image: url(/accounting/File/Image/doctor_new_tab_content_bg.gif);
        background-repeat: repeat-x;
        background-position: top;
        clear: left;
        width: 95%;

        /*外框_內 2 */
    }
    .tab_container .tab_content {
        padding-top: 5px;
        width: 100%;
    }
    .tab_container .tab_content td {
        letter-spacing: 0.06em;
        padding: 5px;
    }


    .tab_container .tab_content ol {
        margin-left: 0px;
        margin-bottom: 10px;
        padding: 5 0 0 0px;
        /*外框_最內 3 -- 要再調 */
    }
    .tab_container .tab_content li {
        color: #5a5b5c;
        line-height: 1.8em;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #7b828b;
    }
    .tab_container .tab_content a {
        color: #5a5b5c;
        font-weight: normal;
        line-height: 1.5em;
        text-decoration: none;
    }
    .tab_container .tab_content a:hover {
        color: #;
        text-decoration: underline;
    }
    .tab_container .tab_content td .tabtop a {
        text-decoration: underline;
    }
    .tab_container .tab_content td .tabtop a:hover {
        color: #000000;
        text-decoration: none;
    }
    .imgbox img {
        margin-top: 8px;
    }

    .tab_container .tab_content li p {
        font-size: 16px;
        margin: 0 1em 0.5em 0.5em;
        text-align: left;
        color: #5A5B5C;
    }

    .tab_container .tab_content .date {
        font-size: 14px;
    }


    .tab_container .tab_content li img {
        display: inline-block;
    }

    .tab_container .tab_content li sup {
        color: #FFF;
        width: 12px;
        padding: 1px 2px 1px 2px;
        border-radius: 3px;
        border: 0px solid #999;
        margin-right: 5px;
    }
    .tab_container .tab_content li sup.c1 {
        background-color: #28bb93;
    }
    .tab_container .tab_content li sup.c2 {
        background-color: #1fa0b5;
    }
    .tab_container .tab_content li sup.c3 {
        background-color: #c5276b;
    }


    .schedule {
        width: 25%;
        float: left;
        text-align: left;
        margin: 10px 5px 10px 5px;
    }

    .schedule p {
        color: #000;
        font-size: 1.3em;
        font-weight: ;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 15px;
        margin-bottom: 10px;
        border-left: 6px solid #28bb93;
        padding-left: 8px;
    }

    .schedule li {
        font-size: 15px;
        line-height: 1.75em;
        float: left;
        width: 100%;
    }


    .schedule ul li a {
        color: #5a5b5c;
    }




    .calendar {
        font-size: 15px;
        width: 100%;
        margin: 0 0 1em 0;
    }

    .calendar table {
        width: 800px;
    }

    .calendar tr {
        width: 100px;
        padding: 15px 0 0 0;
        background-color: #c1bea8;
    }

    .calendar th {
        width: 100px;
        padding: 10px 0 10px 0;
        color: #FFF;
        font-size: 18px;

        border-left-width: 5px;
        border-left-style: solid;
        border-left-color: #FFF;
    }

    .calendar th p {
        float: left;
        width: 40px;
        height: 40px;
        color: #FFFFFF;
        border-radius: 9999em;
        background-color: #c1bea8;
        padding: 10px 0 0 0;
        margin: -10px 0 5px 10px;
    }

    .calendar td {
        text-align: left;
        height: 60px;
        background-color: #FFF;
        background-color: #f6f6f6;

        border-left-width: 5px;
        border-left-style: solid;
        border-left-color: #FFF;
    }

    .calendar td p {
        margin: 8px 0 0 15px;
    }

    .calendar sup {
        display: none;
    }

    .tab_content .calendar li {
        line-height: 1.5em;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #c1bea8;
    }

    .graduate {
        color: #5a5b5c;
    }

    .public {
        color: #e94135;
    }

    .license {
        color: #1fa17e;
    }

    .tooltip {
        position: relative;
        display: inline-block;
    }

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100%;
        background-color: black;
        opacity: 0.6;
        color: #fff;
        border-radius: 4px;
        padding: 2px 5px 2px 10px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 1.5em;
        left: 0px;
        font-size: 14px;
    }

    .tooltip .tooltiptext a {
        text-decoration: underline;
        color: #FFF
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }


.txt_s1  {
	width:100%;
	display:block;
	font-size: 15px;
	text-align:left;
	padding-left:10px;
}



.footer_page {  overflow:hidden;border-bottom:#ca3929 3px solid;background-color:#eee;}
.logo_box {clear:both;  height:80px; margin:0 auto; position:relative; }
.logo_box ul {text-align:center; height:80px; line-height:80px; position:relative; width:1000px; margin:0 auto;}
.logo_box li {display:inline-block;height:80px;  text-align:center;line-height:80px;color:#b9afa3; margin:0 20px;}
.logo_box li img { vertical-align:middle;}

.footer_text { width:90%; margin:0 auto; overflow:hidden; padding:20px 0; font-size:15px; line-height:26px;  font-family:Meiryo, "Meiryo UI";
text-align: left;}
.text_left { float:left;}
.text_left  a { color: #000; text-decoration: none;}
.text_right { width:240px; float:right;}
.text_right li { float:left;}
.text_right li a img { opacity:0.8;}
.text_right li a:hover img {opacity:1;}

.txt_s1 { padding-right:10px;}

.footer_ps { clear:both;text-align:center; background-color:#ca3929; color:#FFF; min-height:43px; font-size:15px; padding:10px 20px;}


.news_box h2{ font-size:18px;margin:8px 0; }
.footer_text  { font-size:15px; line-height:30px; border-top: #ca3929 3px solid;}

.text_right { width:240px; float:right;}
.text_right li { float:left;}
.text_right li a img { opacity:0.8;}
.text_right li a:hover img {opacity:1;}



@media screen and  (orientation:portrait) {
	#BodyHeader_event_rwd img {
	height: auto;
	max-width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
}
@media screen and  (orientation:landscape) {
	#BodyHeader_event_rwd img {
	height: auto;
	max-width: 25%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
}
/*body*/
#event{
	width:100%;
	margin: 0px auto;
	background-color: #fff;
	float: left;
	font-family: "微軟正黑體";
}
#event p{
	margin:0px;
}
#event img{
	/*width:100%;*/
	width:95%;
	height:auto;
}


#event_master{
	width: 100%;
	margin-top: 1%;
	float:left;}

@media all and (orientation : portrait){
	#event_master{
	width: 100%;
	margin-top: 2%;
	float:left;
}
/*orientation: portrait   直式
// orientation: landscape  橫式*/
}
@media screen and  (orientation:landscape) {
#event_master{
	width: 100%;
	margin-top: 8%;
	float:left;
}
/*orientation: portrait   直式
// orientation: landscape  橫式*/
}
#event_master h2{ font-size: 2em; }
#event_master h3{ font-size: 1.5em; }
#event #gray_line{
	margin-top:18%;
	height:auto;
	color: #FFF;
	background-color: #666;
	float: left;
	width: 100%;
}
#event #gray_line #gray_1200{
	width: 100%;
	float:left;
	height:auto;
}
#event #gray_line .login{
	width:100%;
	height:auto;
	float:left;}
#event #gray_line .slogan{
	float: left;
	clear:both;
	line-height: 40px;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	font-size:1.3em;
	font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
}
#event #gray_line .login ul{
	display:none;
	float: left;
	text-align:center;
	line-height:40px;
	width:100%;
}
#event #gray_line .login li{
	display: block;
	float:left;
	width:100%;
	font-size:1.2em;
}


#marquee_bg{
    margin-top: 18%;
    }


/*跑馬燈*/
div#marquee_menu {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 100%;
	height: 40px;
	_height: 40px;
	margin-top: 2%;
	/*border: 1px solid #ccc;*/
	
	background-color: #FFF;
	margin: 0 auto;
	font-size: 1em;
	z-index:1;
	}
	div#marquee_menu li:before{
	content: "NEWS";
	font-size: 12px;
	color: #FFF;
	background-color: #009999;
	width: 36px;
	height:28px;
	padding:2px;
	line-height:26px;
	border-radius: 5px;
	float: left;
	margin-top:4px;
	margin-left:15px;
	margin-right:5px;
}




#out_master .first_area{
	float: left;
	height: auto;
	width: 100%;
	margin-top:1%;
	border-radius:3px;
	background-color: #FFF;
	padding:10px;
	overflow: hidden;
}
#out_master #youtube{
	margin-left:0%;
	margin-right:auto;
	height: auto;
	width: 100%;
	clear:both;
}
#out_master .FBonline_pic{
	margin:0 auto;
	height: 400px;
	width: 100%;
	overflow:hidden;
	clear:both;
}
#out_master .join_team{
	font-size:1.2em;
	clear:both;
	margin-top: 10px;
	padding-bottom: 10px;
	height: auto;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	border: px solid #CCC;
	float: left;
	border-radius:5px;
}
#out_master .join_team .rec_icon{
	max-width: 25%;
	margin-left: 5%;
	margin-right: 2%;
	margin-top:2%;
	float: left;}
#out_master .join_team .FB_icon{
	background-color: #069;
	margin-top: 10px;
	float: left;
	width: 25%;
	height: 40px;
	margin-right: 2%;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .FB_icon:hover{
	background-color: #09C;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .youtube_icon{
	background-color: #C30;
	margin-top: 10px;
	float: left;
	width:25%;
	height: 40px;
	margin-right: 2%;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .youtube_icon:hover{
	background-color: #F39;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .Line_icon{
	background-color: #0C3;
	margin-top: 10px;
	float: left;
	width: 25%;
	height: 40px;
	margin-right: 2%;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .Line_icon:hover{
	background-color: #690;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

#out_master .join_team .our_icon{
	background-color: #DF8600;
	margin-top: 10px;
	float: left;
	width: 40%;
	height: 40px;
	margin-left: 30%;
	margin-right:30%;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .join_team .our_icon a{
	color: #FFF;
	text-decoration: none;
}
#out_master .join_team .our_icon:hover{
	background-color: #FFB84D;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#out_master .sec_area{
	float: right;
	height:auto;
	width: 100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
}
.sec_area #icon_new{
	width: 80%;
	display:inline-block;
	margin-right: auto;
	margin-left: auto;
	height:auto;
}
.sec_area .newscontent{
	float: left;
	width: 100%;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-bottom:5%;
	padding-top:2%;
}

.first_area .newscontent{
	float: left;
	width: 100%;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-bottom:5%;
	padding-top:2%;
}

    .sec_area .newscontent iframe {
        max-width: 400px;
        height: auto;
    }


    .first_area_ibrain .ibrainout {
        float: left;
        width: 100%;
        padding: 0 10px 10px 10px;
        margin-right: 5px;

    }

    .first_area_ibrain .ibrainout2 {
        float: left;
        width: 100%;
        padding: 0 10px 10px 10px;
        background-color: ;
        border-radius: px;
    }
    .first_area_ibrain .ibrainout2 .st {
        font-size: 1.1em;
        font-weight: bold;
        color: #8f6a3a;
        width: 93%;
        line-height: 1.75em;
        margin-top: 10px;
        border-bottom: dotted thin #999;
        text-align: left;
        margin-left: 15px;
    }
    .first_area_ibrain .ibrainout2 .st a {
        color: #8f6a3a;
        text-decoration: none;
    }

    .first_area_ibrain .ibrainout3 {
        float: left;
        width: 100%;
        padding: 0 10px 10px 10px;
        background-color: #fcf3e7;
        border-radius: px;
    }
    .first_area_ibrain .ibrainout3 .st {
        font-size: 1.1em;
        font-weight: bold;
        color: #8f6a3a;
        width: 93%;
        line-height: 1.75em;
        margin-top: 10px;
        border-bottom: dotted thin #999;
        text-align: left;
        margin-left: 15px;
    }
    .first_area_ibrain .ibrainout3 .st a {
        color: #8f6a3a;
        text-decoration: none;
    }

    .first_area_ibrain .ibrainout3 .ibrain_txt {
        margin-left: 15px;

    }
    .first_area_ibrain .ibrain_txt {
        width: 100%;
        text-align: left;
        float: left;
        margin-top: 10px;
        margin-left: 35px;
        display: inline-block;
    }




    .first_area_ibrain .ibrain_txt li {
        color: #666;
        float: left;
        width: 50%;
        list-style-type: disc;
    }
    .first_area_ibrain .ibrain_txt li a {
        font-size: 15px;
        line-height: 1.75em;
        color: #333;
        text-decoration: none;
    }



.sec_area .news_pic{
	float: left;
	text-align:center;
	height: auto;
	width:15%;
	border: 0px solid #CCC;
}
.sec_area .news_title{
	width:75%;
	float: left;
	color:#000000;
	font-size:15px;
	line-height:1.5em;
	text-align: left;
	margin-left: 5px;
	font-family: "微軟正黑體", Arial;
}
.sec_area .news_title a{
	color:#000000;
}
.sec_area .news_txt{
	/*width:75%;*/
	width:90%;
	float: left;
	font-size: 15px;
	line-height: 30px;
	text-align:left;
	margin-left:5px;
	color:#8b8b8b;
}


    .sec_area .news_txt a {
        color: #5d3804;
    }

.sec_area .outmore{
	font-size: 13px;
	clear: both;
	width: 80px;
	text-align: center;
	color: #FFF;
	background-color: #1c1c1c;
	border-radius: 5px;
	padding: 8px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 10px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

.sec_area .outmore:hover{
	background-color: #7b7a7a;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
.third_area{
	float: left;
	height: auto;
	width: 100%;
	margin-right: 5px;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
	clear:both;
}
.third_area img{
	float: left;
	width: 100%;
	height: auto;
	border: 0px;
}
.third_area .instant{
	width: 100%;float:left;}
.third_area .instant ul{
	float: left;
	list-style-type: disc;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3%;
	margin-left: 0;
}
.third_area .instant ul li{
	text-align: left;
	margin-left: 35px;
	font-size: 1.0em;
	color:#5a5b5c;
	line-height: 1.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.third_area .instant ul li a{
	color:#5a5b5c;
}

    .date {
        font-size: 0.8em;
    }

/*共版文字類型more專用*/
.txt_more{
	color: #FFF;
	text-align:center;
	background-color: #1c1c1c;
	float: right;
	font-size: 13px;
	width: 80px;
	clear:both;
	border-radius:5px;
	padding:4px;
	margin-right:8px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

    .txt_more a {
        color: #FFF;
        text-decoration: none;

    }


.txt_more:hover{
	background-color: #7b7a7a;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

.fourth_area{
	float: left;
	height:auto;
	width:100%;
	margin-right: 5px;
	margin-left: 10px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
}

    .fourth_area img {
        width: 100%;
    }


.fourth_area .newlaw{
	width: 100%;float:left;}
.fourth_area .newlaw ul{
	float: left;
	list-style-type: disc;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3%;
	margin-left: 0;
}
.fourth_area .newlaw ul li{
	text-align: left;
	color:#5a5b5c;
	margin-left: 30px;
	margin-right: 5px;
	font-size: 1.0em;
	line-height: 1.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.fourth_area .newlaw ul li a{
	color:#5a5b5c;
	}

    .fourth_area .newlaw ul li p {
        line-height: 1.5em;
    }
	
.fifth_area{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 10px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
}
.fifth_area .learning{
	width: 100%;float:left;}

    .fifth_area .learning p a {
        color: #000;
        text-decoration: none;
    }

.fifth_area .learning ul{
	float: left;
	list-style-type: disc;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3%;
	margin-left: 0;
}
.fifth_area .learning ul li{
	text-align: left;
	color:#5a5b5c;
	margin-left: 30px;
	margin-right: 5px;
	font-size: 1.0em;
	line-height: 1.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.fifth_area .learning ul li a{
	color:#5a5b5c;
	}
.sixth_area{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
}

.columns{
	float: left;
	width: 100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3px;
	background-color: #FFF;
	padding:5px;
}
.columns .firs_col,.columns .sec_col,.columns .third_col,.columns .four_col{
	
	float: left;
	width: 100%;
	height: auto;
	border: px solid #C3C3C3;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:5px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;	
	}
.columns .col_title{
	/*color:#f44236;*/
	font-size: 1.3em;
	line-height:px;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: px;
	margin-bottom: 10px;
	border-left: 6px solid #dfa52d;
	padding-left: 8px;
	color:#553000;
	font-family: Meiryo, "Meiryo UI";
}

.columns .col_title a {
	color:#553000;
	text-decoration: none;
}

.columns .col_title2{
	color: #000;
	font-size: 1.0em;
	line-height: 1.5em;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: px;
	font-family: Meiryo, "Meiryo UI";
}

    .columns .col_title2 a {
        color: #000;
        text-decoration: none;
    }


.columns .col_content{
	color: #5a5b5c;
	font-size: 15px;
	text-align:left;
	line-height:1.4em;
}
.columns .col_content a{
	color: #5a5b5c;
}

    .sec_judg .col_title2 {
        color: #000;
        font-size: 1.0em;
        line-height: 1.5em;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-left: px;
        font-family: Meiryo, "Meiryo UI";
    }
    .sec_judg .col_content {
        color: #5a5b5c;
        font-size: 15px;
        text-align: left;
        line-height: 1.7em;
    }
    .sec_judg .col_content a {
        color: #5a5b5c;
    }



.sec_col .theme {
    clear: both;
    background-color: #fcf3e7;
    }

.sec_col .theme ul  {
    padding: 1em 0.5em 1em 1.5em;
    }


.sec_col .theme ul li {
    list-style-type: disc;
    text-align: left;
    margin: 0.5em;
    color: #5a5b5c;
    }

.sec_col .theme ul li a {
    color: #000;
    text-decoration: none;
    }

.sec_col .theme ul li span {
    font-size: 0.8em;
    }

.sec_col .theme mark {
    background-color: #FFF;
    color: #099;
}


/*讀懂判決開始*/
/*
.judgment{
	float: left;
	width: 1180px;
	width: 100%;
	height:auto;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #;
	padding:5px;
}
.judgment .firs_judg {
	float: left;
	width: 100%;
	height: auto;
	border: px solid #C3C3C3;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:5px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
	}

.judgment img {
	width: 300px;
	height: auto;

	}*/


    .columns .cover {
        width: 80%;
        float: left;
        margin-left: 10%;
        margin-right: 10%;
    }


    .columns .cover img {
        width: 100%;
        height: auto;
    box-shadow: 0px 1px 5px #888888;

    }

    .columns .voice a {
        display: inline-block;
        text-decoration: none;
        margin: 5px;
        color: #333;
        border: 1px solid #666;
        padding: 5px;
        border-radius: 4px;
        font-size: 1em;
        clear: both;
    }

    .columns .author {
        padding: 0 5px;
        font-size: 1em;
    }


    .columns .author a {
        display: inline-block;
        text-decoration: none;
        margin: 2px 5px;
        color: #333;
        padding: 5px;
        text-align: left;
    }

.columns .sec_judg {
	float: left;
	width: 100%;
	height: auto;
	border: px solid #C3C3C3;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:px;
	padding:10px;
	}

.columns .sec_judg ul {
    font-size: 15px;
    text-align: left;
    float: left;
    width: 96%;
    margin-top: 10px;
    margin-left: 20px;
}

.columns .sec_judg ul li {
     font-size: 15px;
    line-height: 1.6em;
    float: left;
    width: 100%;
    list-style-type: disc;
}

.columns .sec_judg a {
    color: #5a5b5c;
}


    .columns .instant {
        float: left;
    }

    .columns .issue {
        float: left;
        margin: 5px 0 0 0;
    }
    .columns .issue a {
        text-decoration: none;
        font-weight: bold;
        color: #000;
    }

.columns .judg_title{
	/*color:#f44236;*/
	font-size: 1.3em;
	line-height:;
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	border-left: 6px solid #dfa52d;
	padding-left: 8px;
	color:#553000;
	font-family: Meiryo, "Meiryo UI";
}

.columns .judg_title a {
	color:#553000;
	text-decoration: none;
}

.columns .judg_title2{
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	font-family: Meiryo, "Meiryo UI";
}

.columns .judg_title2 a {
	color:#000;
	text-decoration: none;
}

.columns .judg_content{
	color:  #5a5b5c;
	font-size: 15px;
	text-align:left;
	line-height:1.4em;
}
.columns .judg_content a{
	color: #5a5b5c;
}

/*讀懂判決結束*/

.seventh_area{
	float: left;
	height: auto;
	width:100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;
}
.seventh_area .bookout{float:left;width:100%;padding:10px;margin-right:10px;}
.seventh_area .book_pic{
	/*width: 30%;*/
    width: 20%;
	float: left;
	height: auto;
	line-height: ;
	text-align: center;
	border: 1px solid #999;
}
.seventh_area .book_content{
    /*width:60%;*/
    width:70%;
    float:left;
    margin-left:5%;
}
    .seventh_area .book_title {
        float: left;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-family: "微軟正黑體", Arial;
        font-size: 1.3em;
        font-weight: bold;
        color: #1fa0b5;
        border-bottom: #1fa0b5 4px solid;
        padding-bottom: 8px;
        letter-spacing: 0.2em;
    }
    .seventh_area .book_title a {
        color: #1fa0b5;
        text-decoration: none;
    }
.seventh_area .book_txt{
	font-size: 1.0em;
	text-align:left;
	line-height:1.5em;
	float: left;
	width: 100%;
	margin-top:3%;
	color:#5a5b5c;
	word-break: break-all;
}

    .seventh_area .book_txt a {
        color: #5a5b5c;
        text-decoration: none;
    }

.seventh_area .follow_link{
	font-size: 13px;
	float: left;
	margin-top:3%;
	width:100%;
	color:#FFF;
	letter-spacing:normal;
}
.seventh_area .follow_link a{
	color:#FFF;
}
.seventh_area .follow_link img{
	display:none;
}
.seventh_area .book_txt li{
	float: left;
	width: 100%;
	line-height: 1.5em;
	list-style-type: disc;
	margin-left:7%;
}
/*.seventh_area .book_txt li:before{
	content:"‧";
	margin-right:3px;
	/*content:url(/image.jpg); }*/
.eighth_area{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 10px;
	margin-top:10px;
	border-radius:3	px;
	background-color: #FFF;
	padding:10px;}
.eighth_area .bookout{float:left;width:100%;padding:10px;margin-right:5px;clear:both;margin-left:-3%;
	}

.eighth_area .bookout {

    position: relative;
}

.eighth_area .book_pic{
	width: 30%;
	float:left;
	height: px;
	line-height: px;
	text-align: center;
	margin-left:0px;
    /*box-shadow: 1px 1px 8px #666;*/
}
.eighth_area .book_pic img{
	width: 100%;
	height: auto;
}
.eighth_area .book_content{width:60%;float:left;margin-left:5%;}
.eighth_area .book_title{
	float: left;
	width: 100%;
	margin:0 auto;
	text-align:left;
	font-family: "微軟正黑體", Arial;
	font-size: 1.2em;
	color: #5a5b5c;
	text-decoration: underline;
}
.eighth_area .book_txt{
	text-align:left;
	float: left;
	width: 100%;
	margin-top:10px;
	color: #5a5b5c;
}
.eighth_area .book_txt li{
	float: left;
	width: 100%;
	line-height: 1.8em;
	font-size:1.0em;
	list-style-type: disc;
	margin-left:4%;
}

    .eighth_area .book_txt li a {
        font-size: 1em;
        text-decoration: none;
        color: #5a5b5c;
    }

.nighth_area{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3px;
	background-color: #FFF;
	padding:10px;
	font-size:1em;
}
.nighth_area .examout{float:left;width:100%;padding:10px;margin-right:10px;}
.nighth_area .exam_txt{
	text-align:left;
	float: left;
	color:#5a5b5c;
	font-size:1em;
	width: 100%;
	word-break: break-all;
}
.nighth_area .exam_txt li{
	float: left;
	width:100%;
	line-height: 30px;
	list-style-type: disc;
	margin-left:15px;
}
.exam_more{
	color: #FFF;
	background-color: #1c1c1c;
	width: 15%;
	height:auto;
	margin-left:5px;
	border-radius:5px;
	padding:5px;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
	font-size:0.8em;
	text-align:center;
	
}
.exam_more:hover{
	background-color: #CCC;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

.tenth_area{
	font-size:1.2em;
	float: left;
	height: auto;
	width: 100%;
	margin-left: 10px;
	margin-top:10px;
	border-radius:3px;
	background-color: #FFF;
	padding:10px;}
.tenth_area .tenth_s_title{
	width:100%;
	float:left;
	font-size:15px;
	clear:both;
	text-align:left;
	border-bottom:1px dotted #5a5b5c;
	border-top:1px dotted #5a5b5c;
	padding:10px 0;
	}
.tenth_area .studentout{float:left;width:100%;padding:10px;margin-right:5px;}
.tenth_area .book_content{width:100%;float:left;margin-left:3px;}
.tenth_area .student_txt{
	text-align:left;
	float: left;
	width: 30%;
	margin-top:10px;
	margin-left:10px;
	color:#5a5b5c;
}
.tenth_area .student_txt li{
	float: left;
	width: 100%;
	line-height: 30px;
	list-style-type: disc;
	font-size:0.9em;
}
.tenth_area .student_txt li a{
	color:#5a5b5c;
	font-size:0.9em;
}
.tenth_area .student_txt2{
	text-align:left;
	float: left;
	width: 60%;
	margin-top:10px;
	margin-left:15px;
}
.tenth_area .student_txt2 li{
	float: left;
	width: 100%;
	line-height: 30px;
	list-style-type: disc;
	font-size:0.9em;
}
.tenth_area .student_txt2 li a{
	color:#5a5b5c;
	font-size:0.9em;

}
.eleventh_area{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	margin-top:10px;
	border-radius:3px;
	background-color: #FFF;
	padding:10px;}

.eleventh_area .elev_stitle{
	width:100%;
	float:left;
	font-size:15px;
	clear:both;
	text-align:left;
	border-bottom:1px dotted #5a5b5c;
	border-top:1px dotted #5a5b5c;
	padding:10px 0;
	}

    .eleventh_area {
        float: left;
        /*height: 430px;*/
        height: auto;
        width: 100%;
        border: px solid #C3C3C3;
        margin-left: 0px;
        margin-top: 10px;
        border-radius: 3 px;
        background-color: #FFF;
        padding: 10px;
    }

    .eleventh_area .elev_stitle {
        width: 100%;
        float: left;
        font-size: 1.2em;
        clear: both;
        text-align: left;
        border-bottom: 1px dotted #5a5b5c;
        border-top: 1px dotted #5a5b5c;
        padding: 10px 0 10px 10px;
    }
    .eleventh_area .seri_six {
        width: 100%;
        height: auto;
        border: 0px solid #C3C3C3;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        border-radius: 3 px;
        background-color: #FFF;
        padding: 10px;
    }
    .eleventh_area .seri_six img {
        border-radius: 99em;
    }

#event .eleventh_area .seri_six img{
	width:120px;
}


    .eleventh_area .seri_six_2col {
        float: left;
        width: 100%;
        height: 100px;
        border: 0px solid #C3C3C3;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        border-radius: 3 px;
        background-color: #FFF;
        padding: 10px;
    }
    .eleventh_area .seri_subject {
        color: #28bb93;
        font-size: 1.3em;
        font-weight: bold;
        float: left;
        width: 30%;
        text-align: left;
        margin-top: 70px;
        margin-bottom: 10px;
        border-left: px solid #28bb93;
        padding-left: px;
    }
    .eleventh_area .seri_list {
        text-align: left;
        font-size: 1.0em;
        float: left;
        margin-right: 20px;
    }

    .eleventh_area .seri_list li {
        font-size: 1.0em;
        line-height: 2.0em;
        color: #5a5b5c;
    }
    .eleventh_area .seri_list li a {
        font-size: 1.0em;
        color: #000;
    }
    .eleventh_area .seri_list li a:before {
        content: "◆";
    }


    .eleventh_area .col_title2 {
        color: #000;
        font-size: 15px;
        line-height: 1.5em;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .eleventh_area .col_content {
        color: #5a5b5c;
        font-size: 15px;
        text-align: left;
        line-height: 1.4em;
        float: left;
        margin-bottom: 10px;
    }

    .eleventh_area .col_content a {

    }
    .eleventh_area .col_content a:hover {
    }


    .eleventh_area .col_content .more {
        color: #FFF;
        font-size: 0.6em;
        background-color: #1c1c1c;
        border-radius: 3px;
        padding: px;
        text-decoration: none;
        width: 5em;
        display: inline-block;
        text-align: center;
    }
    .eleventh_area .col_content .more:hover {
        background-color: #7b7a7a;
        -webkit-transition: background .5s linear;
        transition: background .5s linear;
    }

    .eleventh_area img {
        width: 120px;
        float: right;
        margin-right: 20px;
    }

    .eleventh_area .honor {
        font-size: 15px;
        color: #f04f2b;
        font-family: "微軟正黑體";
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #;
        padding: px;
        width: 100px;
        text-align: left;
        font-weight: bold;
        line-height: 2em;
    }
#event .eleventh_area .honor img {
        width: 20px;
        height: auto;
        float: left;
        margin-right: 5px;
    }


    .twelveth_area {
        float: left;
        height: auto;
        width: 327px;
        border: px solid #C3C3C3;
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 3 px;
        background-color: #FFF;
        padding: 10px;
    }

    .twelveth_area .twelveth_s_title {
        width: 100%;
        float: left;
        font-size: 15px;
        clear: both;
        text-align: left;
        border-bottom: 1px dotted #5a5b5c;
        border-top: 1px dotted #5a5b5c;
        padding: 10px 0;
    }
    .twelveth_area .ibrainout {
        float: left;
        width: 100%;
        padding: 0 10px 10px 10px;
        margin-right: 5px;
    }
    .twelveth_area .ibrain_txt {
        text-align: left;
        float: left;
        width: 45%;
        margin-top: 10px;
        margin-left: 10px;
    }
    .twelveth_area .ibrain_txt li {
        font-size: 15px;
        line-height: 1.75em;
        float: left;
        width: 100%;
        list-style-type: none;
    }
    .twelveth_area .ibrain_txt li a {
        color: #5a5b5c;
    }

    .twelveth_area img {
        border-radius: 5px;
        margin: 20px 0 0 0px;
    }



.thirteenth_area{
	font-size:1.2em;
	float: left;
	height: auto;
	width: 100%;
	margin-left: 10px;
	margin-top:10px;
	border-radius:3px;
	padding:10px;}

    .thirteenth_area img {
        max-width: 280px;
        box-shadow: 0px 1px 5px #888888;
    }

.thirteenth_area .thirteenth_s_title{
	width:100%;
	float:left;
	font-size:15px;
	clear:both;
	text-align:left;
	border-bottom:1px dotted #5a5b5c;
	border-top:1px dotted #5a5b5c;
	padding:10px 0;}
.thirteenth_area .groupoutout{float:left;width:100%;padding:10px;margin-right:5px;}
.thirteenth_area .group_txt{
	text-align:left;
	float: left;
	width: 100%;
	margin-top:10px;
	margin-left:20px;}
.thirteenth_area .group_txt li{
	font-size:0.9em;
	line-height:1.9em;
	float: left;
	width: 100%;
	list-style-type: disc;}
.thirteenth_area .group_txt li a{
	color:#5a5b5c;
	font-size:0.9em;
	}
	
/*重要分類綠字*/
#out_master .imp_txt2{
	color: #696;
	font-size: 18px;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #696;
	padding-left: 5px;
	font-family: Meiryo, "Meiryo UI";
	transition: all .3s ease-out/*讓滑鼠滑入更滑順*/
}
#out_master .imp_txt2:hover{
  transform:translateX(20px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}

/*重要分類綠字-3*/
#out_master .imp_txt3{
	color:#000;
	font-size: 1.3em;
	font-weight: ;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 6px solid #c5276b;
	padding-left: 8px;
	font-family: Meiryo, "Meiryo UI";
	transition: all .3s ease-out/*讓滑鼠滑入更滑順*/
}

#out_master .imp_txt3:hover{
  transform:translateX(20px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}

    #out_master .imp_txt3 a {
        color: #000;
        text-decoration: none;

    }

/*重要分類綠字-4會樂聚落*/
#out_master .imp_txt4{
	color:#FFF;
	font-size: 1.2em;
	font-weight: ;
	background-color:#f44236;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: px;
	padding: 10px 5px;
	font-family: "微軟正黑體";
	letter-spacing:1em;
}
#out_master .imp_txt4:hover{
  transform:translateX(px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}

/*重要分類綠字-5直播互動*/
#out_master .imp_txt5{
	color:#FFF;
	font-size: 1.2em;
	font-weight: ;
	background-color:#febd01;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: px;
	padding: 10px 5px;
	font-family: "微軟正黑體";
	/*letter-spacing:0.9em;*/
}
#out_master .imp_txt5:hover{
  transform:translateX(px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}

/*重要分類綠字-6當期雜誌*/
#out_master .imp_txt6{
	color:#FFF;
	font-size: 1.2em;
	text-align:center;
	font-weight: ;
	background-color:#01bbd4;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: px;
	padding: 7px 5px;
	font-family: "微軟正黑體";
	letter-spacing:1em;
}
#out_master .imp_txt6:hover{
  transform:translateX(px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}
/*重要分類綠字-7*/
#out_master .imp_txt7{
        color: #FFF;
        padding: 10px;
        font-size: 1.5em;
        font-weight: ;
        float: left;
        width: 100%;
        text-align: left;
        /*margin-bottom: 15px;*/
        font-family: "微軟正黑體";
        transition: all .3s ease-out/*讓滑鼠滑入更滑順*/
        ;
        background-color: #28bb93;
        letter-spacing: 0.5em;
}
#out_master .imp_txt7:hover{
  transform:translateX(20px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}
/*重要分類綠字-7*/
#out_master .imp_txt8{
	color: #FFF;
	padding: 10px 30px;
	font-size: 1.2em;
	font-weight: ;
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
	padding-left: px;
	font-family: "微軟正黑體";
	transition: all .3s ease-out/*讓滑鼠滑入更滑順*/;
	background: #28bb93; /* Old browsers */
	background: -moz-linear-gradient(left, #28bb93 54%, #ede02a 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #28bb93 54%,#ede02a 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #28bb93 54%,#ede02a 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28bb93', endColorstr='#ede02a',GradientType=1 ); /* IE6-9 */
	letter-spacing:0.3em;
}
#out_master .imp_txt8:hover{
  transform:translateX(20px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}



    #out_master .imp_stitle {
        float: right;
        font-size: 0.7em;
        color: #088a66;
		letter-spacing:0.6em;
    }

    #out_master .imp_stitle a {
        color: #088a66;
        text-decoration: none;
    }



    #out_master .imp_library {
        float: right;
        font-size: 0.7em;
        color: #FFF;
		letter-spacing:0.6em;
    }

    #out_master .imp_library a{
        color: #FFF;
        text-decoration: none;
    }


    #out_master .imp_dream {
        float: right;
        font-size: 0.7em;
        color: #c5276b;
		letter-spacing:0.3em;
    }

    #out_master .imp_dream a{
        color: #FFF;
        text-decoration: none;
    }



#out_master .imp_txt9{
	color:#FFF;
	font-size: 1.2em;
	text-align:center;
	font-weight: ;
	background-color:#01bbd4;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: px;
	padding: 7px 5px;
	font-family: "微軟正黑體";
	letter-spacing:1em;
}

    #out_master .imp_txt9 a {
        color: #FFF;
        text-decoration: none;
    }

#out_master .imp_txt9:hover{
  transform:translateX(px);/*滑過去往X右滑動*/
  /*transform:scale(1.2);/*等比例放大*/
}


/*框內小標*/
#out_master .first_area .first_title{
	font-family: "微軟正黑體";
	font-size: 1.2em;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 1.7em;
}
#out_master .first_area .first_title2{
	font-family: "微軟正黑體";
	font-size: 1.0em;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #009999;
	line-height: 1.7em;
}
/*框內內文*/
#out_master .first_area .first_content{
	font-size: 17px;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 30px;
}



.first_area .ibrainout{
	float:left;
	width:100%;
	padding:0 10px 10px 40px;
	margin-right:5px;
    }
.first_area .ibrain_txt{
	text-align:left;
	float: left;
	width: 45%;
	margin-top:10px;
	margin-left:10px;
	}
.first_area .ibrain_txt li{
	font-size:15px;
	line-height:1.75em;
	float: left;
	width: 100%;
	list-style-type: disc;
	}
.first_area .ibrain_txt li a{
	color:#5a5b5c;
	text-decoration: none;
	}


    #out_master .first_area .toppic {
        float: left;
        width: 100%;
    }

    #out_master .first_area .toppic img {
        width: 100%;
    }

    #out_master .imp_txt10 {
        color: #FFF;
        padding: 10px 30px;
        font-size: 1.2em;
        font-weight: ;
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
        padding-left: px;
        font-family: "微軟正黑體";
        transition: all .3s ease-out/*讓滑鼠滑入更滑順*/
        ;
        background: #28bb93;
        /* Old browsers */
        background: -moz-linear-gradient(left, #28bb93 54%, #ede02a 96%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #28bb93 54%, #ede02a 96%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #c5276b 54%, #ede02a 96%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28bb93', endColorstr='#ede02a', GradientType=1);
        /* IE6-9 */
        letter-spacing: 0.3em;
    }
    #out_master .imp_txt10:hover {
        transform: translateX(0px);
        /*滑過去往X右滑動*/
        /*transform:scale(1.2);/*等比例放大*/
    }



/* bodyHeader */
#header-share #header_out{
	width: 100%;
	height: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#header-share .eachsub_txt{
	width:100%;
	float: left;
	clear: both;
	font-size:1.1em;
	text-align:center;
	padding: 0;
	margin: 0;
}
.search{
	/*display:none;*/
	width:100%;
	margin-left:5%;
}
    .search input[type="text"] {
        color: #CCC;
        background-color: #FFF;
        font-size: 0.9em;
        padding: 0.2em;
        border: 1px solid #ccc;
        font-family: "微軟正黑體";
        border-radius: 2px;

    }

    .search input[type="submit"] {
        color: #FFF;
        background-color: #2ad7af;
        font-size: 1em;
        padding: 0.2em;
        border: 0;
        font-family: "微軟正黑體";
        border-radius: 5px;
        margin-left: 5px;
        /*-webkit-transition: background .5s linear;
        transition: background .5s linear;*/
    }
    .search input[type="submit"]:hover {
        background-color: #FF9900;
        /*-webkit-transition: background .5s linear;
        transition: background .5s linear;*/
    }
.search2{float:left;width:100%;
	margin-left:1%;margin-top:2%;}
.search2 input[type="text"]{
	width:75%;
	height:30px;
	float:left;
	color: #CCC;
	background-color: #FFF;
	font-size: 1.2em;
	text-align:left;
	padding: 0.3em;
	border: 1px solid #ccc;
	font-family: "微軟正黑體";
	border-radius: 1px;
	box-shadow: 1px 1px 1px #ccc;
}

.search2 input[type="submit"]{
	width:20%;
	height:30px;
	line-height:10px;
	color: #FFF;
	background-color: #2ad7af;
	font-size: 1.2em;
	padding: 0.5em;
	border:0;
	font-family: "微軟正黑體";
	border-radius:5px;
	margin-top:10px;
}
#header_out .header-logo{
	display:none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
	font-weight: bold;
}
#header_out .big_logo{
	font-size: 4.5em;
	margin:0;
	float: left;}
#header_out .small_logo{
	font-size: 2.5em;
	margin:0;
	text-align:center;}
#header_out ul{
	list-style-type: none;
	text-align: center;
	width: 100%;
	float: left;
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	box-shadow: 0px 4px 2px #F0F0F0;
}
#header_out ul li{
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.2em;
	color: #666;
}
#BodyHeader_event #header-share {
	line-height:2;
	font-size:13px;
	margin-bottom: 0px;
	margin-top: 0px;
}	
#BodyHeader_event #header-share img {
	margin-bottom: 5px;
}

#BodyHeader_event a {
	color: #333;
	font-size: 13px;
}
#BodyHeader_event a:hover {
	text-decoration: none;
	color: #666;
	position: relative;
	top: 2px;
	bottom: 2px;
}

/* Footer */
#BodyFooter_rwd{
	float: left;
	width: 100%;
	background-color: #FFF;
	font-family: "微軟正黑體";
	padding-bottom:40px;
}
#BodyFooter_rwd a:hover{
	text-decoration: none;
}
#BodyFooter_rwd #footer_inline_bg {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#BodyFooter_rwd #footer_line {
	width: 100%;
}
#BodyFooter_rwd .footer_big_title{
	font-size: 1.0em;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.9em;
	background-color: #000;
	color: #FFF;
}
#BodyFooter_rwd .footer_s_title{
	color: #069;
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align: center;
	font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 4%;
}
#BodyFooter_rwd .footer_img{
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
	}
#BodyFooter_rwd .footer_img ul{
	width:100%;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#BodyFooter_rwd .footer_img ul li{
	padding: 0px;
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: auto;
	text-align:center;
	width:50%;
	float:left;
}
#BodyFooter_rwd .footer_img ul li img{
	width:90%;
	height:auto;
	margin:0 auto;
}

#BodyFooter_rwd #footer_inline,#BodyFooter_rwd #footer_inline2 {
	width: 100%;
	float: left;
}


#BodyFooter_rwd #footer_inline a,#BodyFooter_rwd #footer_inline2 a{
	color: #000;
	font-size: 0.8em;
	line-height: 1.9em;
}
#BodyFooter_rwd #footer_inline ul,,#BodyFooter_rwd #footer_inline2 ul{
	width:100%;
	float: left;

}
#BodyFooter_rwd #footer_inline ul li,#BodyFooter_rwd #footer_inline2 ul li{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	float: left;
	border: 1px solid #999;
	border-radius:5px;
	margin: 2px;
	padding: 0 2px;
}

#BodyFooter_rwd #footer_inline ul li a,#BodyFooter_rwd #footer_inline2 ul li a{
	text-decoration: none;

}

/* Footer end */


.code {
    width: 100px;
    margin: 1em;
}

.code img {
    width: 100%;
}


/*ask*/
#askarea_out {
    background-color: #f3f2ee;
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 2%;
}
#askarea {
    width: 90%;
    margin: 0 auto;
}
#askarea p {
    margin-top: 1%;
    margin-bottom: 1%;
}
#askarea .asktitle {
    font-size: 1.5em;
    color: #5d5a4d;
    text-align: center;
}
#askarea #formlist {
    width: 80%;
    /*float: left;*/
    margin-right: auto;
    margin-left: 10%;
    margin-top: 3%;
    font-size: 1em;
    color: #5d5a4d;
    padding-bottom: 1%;
}
#askarea SELECT {
    border-radius: 7px;
    width: 10%;
    background-color: #FFF;
    border: #FFF;
    padding: 0.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 15%;
}
#askarea input {
    border-radius: 7px;
    background-color: #FFF;
    border: #FFF;
    padding: 0.5%;
    margin-bottom: 2%;
    margin-left: 1%;
    color: #C6C6C6;
}
#askarea input[type="submit"] {
    color: #FFF;
    background-color: #bbb8a3;
    font-size: 1em;
    padding: 0.5em;
}
#askarea #askw {
    width: 80%;
}
#askarea input[type="reset"] {
    color: #FFF;
    background-color: #bbb8a3;
    font-size: 1em;
    padding: 0.5em;
}
#askarea input[type="text"] {
    width: 39%;
}
/*ask END*/




#topbutton{
	width:100%;
	height:30px;
	color: #FFFFFF;
	background-color:#006699;
	opacity:0.9;
	bottom:0%;
	position:fixed;
	font-size: 0.9em;
	padding:1%;
	text-align:center;
}
#topbutton a{
	font-size: 0.9em;
	color: #FFFFFF;	
}
#topbutton ul{
	display: inline-block;
	width:100%;
	
}
#topbutton ul li{
	float:left;
	display:inline;
	margin-right:0.2%;
	line-height:3em;
	margin-left: 0.2%;
	margin-top: 1%;
	width:24%;
}
#topbutton ul li a{
	font-size: 1em;
}



/*置底BAR*/
.gray_line{
	background-color: #0b2232;
	opacity:0.95;
	float: left;
	width: 100%;
	height:auto;
	position:fixed;
	clear:both;
	z-index:9999;
	transition:all .3s ease-out;/*讓滑鼠滑入更滑順*/
	bottom:0;
	right:0;
	left:0;
	text-align:center;
}
.gray_line .login{
	width: 100%;
	float: left;
}
.gray_line .login a{
    /*font-size: 1.3em;*/
	font-size: 1em;
	color: #f1bb3f;
	text-decoration: none;
}
.gray_line .login a:hover{
	text-decoration: underline;
}
.gray_line .login ul{
	display:inline-block;
	width:100%;
	padding:8px 0;
}
.gray_line .login li{
	text-align:center;
	display: inline-block;
	/*margin:0 10px;*/
    margin:0 5px;
}
.gray_line .login li:last-child a{
	color: #df6868;
}
.gray_line .login li img {
	display:block;
	position:relative;
	background-position: center center;	
}
/*置底BAR END*/



.topicon{
    width:100%;
    float: left;
    padding: 1%;
}
.topicon ul{
    width:100%;
    float: left;
}
.topicon ul li{
    width:10%;
    float: left;
    display:inline-block;
    margin:0% 2.3% 0% 0;
}
.topicon img{
    width:100%;
    height:auto;
}


  /*Demo styles*/
    .swiper-container {
      max-width: 300px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }

    .swiper-container-ad {
      width: 310px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }

    .swiper-container-focus {
      width: 310px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }


    .swiper-container-media-R {
      width: 310px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }

    .swiper-container-media {
      width: 250px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }

    .swiper-container-course {
      width: 250px;
      height: auto;
      overflow: hidden;
      margin: 0 auto

    }




@media screen and  (orientation:portrait) {	
#topli{
	display:none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.2;
	right: 0%;
	bottom: 12%;
	position: fixed;
	line-height: 1.9em;
	font-size:2.1em;
	z-index: 999;
	font-family: "微軟正黑體";
	padding-right:0%;
}}
@media screen and  (orientation:landscape) {	
#topli{
	display:none;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.4;
	right: 1%;
	bottom: 8%;
	position: fixed;
	line-height: 1.5em;
	font-size:3.6em;
	z-index: 999;
	font-family: "微軟正黑體";
}}
#noie{
	display:none;
}
#jump_exam{display:none;}

#jump_social{display:none;}
}

/*
.SE {
    width: 96%;
      margin: 0 2%;
    }
*/