.register h3.register-title {
    border-bottom: 5px solid #ff8d00;
    margin-bottom: 5%;
    padding-bottom: 5%;
    font-size: 1.2em;
    color: #ff8d00;
    padding-left: 0;
}
@import url("news-AD.css");
@import url("news-swipe.css");

input#DAA009 {
    width: calc(100% - 110px);
    display: inline-block;
}
a#sendCodeBtn, input#submitBtn {
    background-color: #ee8300;
    color: #fff;
    width: 100px !important;
    text-decoration: none;
    border: none;
    height: 39px;
    vertical-align: top;
    border-radius: 3px;
}
.register input#M5Code {
    width: calc(100% - 110px) !important;
}

.sidebar .search-article {
    width: 100%;
    max-width: 300px;
    margin-bottom: 30px;
}


.sidebar .search-article input[type="text"] {
    width: calc(100% - 60px);
}



@media screen and (max-width: 640px) {
.sidebar .search-article {
    float: unset;
    margin: 0 auto;
}
    
}

.wrap{width:100%;position:relative;line-height:1.6; font-size:1em; }

.unitName{ background:#ff7696;}

/*-------------mainNav單元文字變色---------------*/
.mainNav > ul > li:nth-child(1) > a { color:#00babc; font-weight:bold;}
@media screen and (max-width: 980px) {
	
.mainNav > ul > li:nth-child(1) > a { color:#333; }

}

.AD .swiper-pagination-switch {
    border: 1px solid #31a4c1;
}
.AD .swiper-active-switch {
    background: #31a4c1;
}
.AD .swiper-pagination-switch:hover {
    background: #31a4c1;
}
.item-image a:after {
	background: #31a4c1;}
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 左方內容區 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

/*大架構設定在/css/common/article*/


.news-index-box .container{}

/*----------------------新聞列表設定--------------------*/
.news-list { position:relative;  width:100%; overflow:hidden; }

/*----------------------選單設定--------------------*/
.news-list .tabMenu { width:100%;  text-align:center; background: #ececec;  border-radius: 0 0 5px 5px;   letter-spacing: -5px;}
.news-list .tabMenu a { display: inline-block; width:20%;  font-weight:bold; color: #666; text-align: center; padding:1em;   
						  text-decoration: none; position:relative;  font-size:1em; letter-spacing:2px;}
.news-list .tabMenu a:first-child {
    border-radius: 0 0 0 5px !important;
}
.news-list .tabMenu a:last-child {
    border-radius: 0 0 5px 0;
}
.news-list .tabMenu a:hover { }

.news-list .tabMenu a.active {
        width: 19.8%;
    position: relative;
    color: #FFF;
    background: #31a4c1;
}

.AD .swiper-container {
    width: 100%;
    height: auto;
    margin-top: 10px !important;
    border-radius: 5px 5px 0 0;
}

.AD .swiper-container img {
    width: 100%;
    max-width: 835px;
}

/*.news-list .tabMenu a:first-child.active {  border-radius:5px 0 0 5px; }*/
/*.news-list .tabMenu a:last-child.active {  border-radius: 0 5px 5px 0 ; }*/

.news-list .tabMenu a.active span:before{color: #FFF;}

/*----------------選單icon---------

.news-list .tabMenu a span:before{font-family: 'FontAwesome'; display:block; font-size:2em; color: #1bcfd1; line-height:1.1;}

/*----.news-list .tabMenu a:nth-child(1) span:before{content:"\f0a1 ";}
.news-list .tabMenu a:nth-child(2) span:before{content:"\f19d";}
.news-list .tabMenu a:nth-child(3) span:before{content:"\f03d ";}
.news-list .tabMenu a:nth-child(4) span:before{content:"\f02e ";}-----*/


/*----------------選單箭頭
.news-list .tabMenu a.active:before { content:""; margin:auto  auto  -16px auto;position:absolute;left:0;top:0;right:0;bottom:0;border: 8px solid transparent; border-top-color: #C5C5C5; line-height: 0; height: 0; width: 0; }



.news-list .tabMenu a.active:after {content:""; margin:auto  auto  -12px auto;position:absolute;left:0;top:0;right:0;bottom:0;border: 6px solid transparent; border-top-color: #1bcfd1 ; line-height: 0; height: 0; width: 0;}

--------------*/


/*----------------------列表連結設定--------------------*/

.news-list  ul { width:100%; margin:2em auto ; text-align:left; letter-spacing:-5px;}

.news-list  ul li {    width: 49.9%;    display: inline-block;    padding: 1em .2em;}
.news-list  ul li:last-child { border-bottom: none;}
/*.news-list  ul li:hover { background:rgba(0,0,0,.03);}*/
.news-list  ul li div {display:inline-block;letter-spacing:0px; vertical-align:top; }

/*---------------圖片設定--------------*/
.news-list .item-image {
    width: 100%;
    max-width: 355px;
    height: 165px;
}
.news-list .item-image img {
    width: 100%;
    height: auto;
    min-height: 165px;
    background-color: #fff;
}

.news-list .item-content {
    width: 100%;
    max-width: 360px;
    margin-top: 10px;
}
.news-list .item-content h3 a{ font-size:1.2em; letter-spacing:2px ; color:#31a4c1; }
.news-list .item-content .time{ display:block; margin-bottom:.3em}
.news-list .item-content p {
    display: none;
}

.news-list ul#NewsList3 ,.news-list ul#NewsList3.text-list.text-small ,.news-list ul#NewsList3.warn li{	letter-spacing: 0;}
.news-list ul#NewsList3 .text-list {    width: 100%;    margin: 0 auto;	text-align:left;}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 側邊欄位 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



/*

.news-index-box .sidebar {
    margin-top: 10%;
}
*/
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 側邊註冊欄位 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.register {
    height: 250px;
    text-align: center;
}
.register aside {
    width: calc(600px / 2 - 1%) !important;
	    margin: 0 !important;
}
.register form#memForm {
    width: 100% !important;
}

.register .container {
    max-width: 100%;
}
.register .code .content {
    width: 100%;
    padding-left: 0;
}
.register .input {
    width: 100%;
}
.register input#M5Code {
    display: inline-block;
    width: calc(100% - 105px);
}
.register a#sendCodeBtn {
    display: inline-block;
    width: 100px;
    line-height: 2.4;
    vertical-align: top;
}
.register h3.register-title {
    border-bottom: 5px solid #ff8d00;
    margin-bottom: 5%;
    padding-bottom: 5%;
    font-size: 1.2em;
    color: #ff8d00;
    padding-left: 0;
}
.register .btnColor-green {
    border: 1px solid #f60;
    color: #FFFFFF;
    background: #f60;
}
.register .btnColor-green:hover {
    color: #FFFFFF;
    background: #f60;
}
.register a.fancybox.btn.btnType1.btnColor-pinkBorder {
    border: 0;
    color: rgb(68,68,68);
}

input#submitBtn {
    width: 100%;
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: 10px;
}











@media screen and (max-width: 768px) {
	
.news-list .tabMenu a { font-size:80%;}
.news-list .tabMenu a span:before{font-size:200%;}
.news-index-box .sidebar{ font-size:80%;}
.news-index-box ul { font-size:90%; }

}


@media screen and (max-width: 640px) {

	
.news-list .tabMenu a { font-size:.8em;}
.news-list .tabMenu a span:before{font-size:300%;}
.news-index-box .sidebar{ font-size:100%;}
.news-index-box ul { font-size:90%; }


}

@media screen and (max-width: 479px) {

	
.news-list .tabMenu a span:before{font-size:300%;}
.news-index-box .sidebar {
    font-size: 100%;
    margin-top: 0;
}
.news-index-box ul { font-size:100%; }


/*---------------通用設定--------------*/
[class*="-list"] .item-image{ width:100%; max-width:100%; }
[class*="-list"] .item-content{ width:100%; padding-left:0; }

.news-list .tabMenu a {
    font-size: 1em;
    padding: 1em;
}
	

.news-list .tabMenu a.active {
    width: 19.5%;
}

	
.news-list ul li {
    width: 100%;
}
.essay-categories-title {
    width: 75% !important;
}
/*
.news-list .tabMenu {
    margin-top: 5%;
}	
*/

}




@media screen and (max-width: 350px) {


.news-list .tabMenu a {
    font-size: .7em;
    padding: 1.4em;
}




}


.input ::-webkit-input-placeholder, .phone ::-webkit-input-placeholder {
  color: #666 !important;
}