/* == 通用 功能設定===========================================================*/



/*區塊內圖文區內 - 圖片區 */
.imgtxt {padding:10px;}             /*每個圖之間的肉*/
.imgtxt a.img{padding-bottom:50%;}  /* 50%=寬2:高1  66.67%=6:4  或直接圖片 底/高*100 */
.imgtxt a.img{background:#eee;}      /* 暫時以底色標示位置 */
.imgtxt a.img{display:inline-block;width:100%;height:100%;position:relative;overflow:hidden;}
.imgtxt a.img img{position:absolute;width: 100%;height:auto;}
.imgtxt a:hover{opacity:0.7}
/*圓形遮罩*/
.imgtxt a.mask-circle {border-radius: 100%}
.imgtxt a.mask-circle {background:none;}
.imgtxt a.mask-circle:before {content:' ';position:absolute;border:1px solid #aaa;width:85%;height:85%;left:6%;top:7%;z-index:0;border-radius:100%}
.imgtxt a.mask-circle:after {content:' ';position:absolute;border:1px solid #ccc;width:85%;height:85%;right:6%;bottom:7%;z-index:0;border-radius:100%}



/*區塊內圖文區內 - 文字區*/
.imgtxt a.txt p{display:table;width:100%;vertical-align:middle;}
.imgtxt a.txt p span{display:table-cell;vertical-align:middle;padding:0 5px;}
.imgtxt a.txt p span:first-child{text-align:left;padding-left:0;width:70%;}
.imgtxt a.txt p span:last-child{text-align:right;padding-right:0;width:30%;}
/*分2行*/
.imgtxt.tworow a.txt p {display:block;}
.imgtxt.tworow a.txt p span {display:inline-block;text-align:center;width:100%;padding:0;}



/* 一般輪播slick */
.slidblock {padding:0 !important;}
.slidblock *{outline:0 !important;}
.slick-next,.slick-prev {cursor: pointer;}


/* banner 輪播slick */

[class*="banner_"] {position:relative;background:#eee;}
[class*="banner_"] .slick-next,[class*="banner_"] .slick-prev {font-size:2em;color:#000;}
[class*="banner_"] .slick-next:before ,[class*="banner_"] .slick-prev:before {content:' ';}
[class*="banner_"] .slidcontrol .slick-prev{position:absolute;z-index:100;left:5%;text-align:center;color:#fff;top:50%;margin-top:-1em;}
[class*="banner_"] .slidcontrol .slick-next{position:absolute;z-index:100;right:5%;text-align:center;color:#fff;top:50%;margin-top:-1em;}
[class*="banner_"] .slidblock  div {text-align:center;}	
[class*="banner_"] .slidblock  div img{width:100%}	
[class*="banner_"] .slidblock  div img.banner_sm{display:none}	
[class*="banner_"] .slick-dots {position:absolute; bottom:0;width:100%;text-align: center;padding:0;}
[class*="banner_"] .slick-dots li{list-style: none;display: inline-block;}
[class*="banner_"] .slick-dots button{font-size: 0;border:0;border-radius: 100%;padding:5px;margin:5px; background:#000}
[class*="banner_"] .slick-dots button:hover{background:#fff}
[class*="banner_"] .slick-dots .slick-active button{background:#fff}
[class*="banner_"] .slick-dots button:before{font-size:30px;}
@media (max-width:768px) {
	[class*="banner_"] .slidblock img.banner_lg {display:none}
	[class*="banner_"] .slidblock img.banner_sm {display:block !important;}
}


/* footer */
footer .copyright  {font-size: 10px;}
.footer_02 {padding-bottom:0;margin-top:0;}




/* == 通用 class =========================================================================*/


/*箭頭*/
.arrow_l,.arrow_r {display:inline-block;border-style: solid;width: 1em;height: 1em;line-height:1em;}
.arrow_r {border-width: 0.5em 0 0.5em 0.87em;border-color: transparent transparent transparent #aaa ;}
.arrow_l {border-width: 0.5em 0.87em 0.5em 0;border-color: transparent #aaa transparent transparent ;}

/*r角*/
.r100 {border-radius:100%;overflow:hidden}

/*字元垂直置中*/
.text-vcenter ,.text-vcenter *{ vertical-align: middle;	}

/*單行文字(若該層無寬，父層寬需為block或設定寬)*/
.oneline {-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



* {outline: 0}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */





/* == section01 ===========================================================*/

.section01{}
.section01 > div > div:nth-child(2) > p{	
	max-width:70%;
	width:auto;
	display:inline-block;
	padding-right:40px;
	position: relative;
}

.section01  .more {position:absolute;right:0;}



/* == section02 ===========================================================*/
.section02 {}
.section02 .imgtxt a.img{padding-bottom:43.85%;}






/* == section03 ===========================================================*/
.section03{}
.section03 .title-group a i {font-size:2em;vertical-align: middle;}
.section03 .title-group a:hover i {color:red;}
.section03 .title-group span {font-size:1.5em !important;vertical-align: middle;padding:0 20px;}
.section03 .imgtxt a.img{padding-bottom:100%;}




/* == section04 ===========================================================*/
.section04{padding-top:30px;padding-bottom: 30px}
.section04 .title-group a i {font-size:2em;vertical-align: middle;}
.section04 .title-group a:hover i {color:red;}
.section04 .title-group span {font-size:2.5em !important;vertical-align: middle;padding:0 20px;}
.section04 .imgtxt a.img{padding-bottom:60%;}


/* == section05 ===========================================================*/
.section05{padding-top:30px;padding-bottom: 30px}
.section05 .listitem li {border-bottom:1px solid #eee;padding:15px 0;}
.section05 .listitem span {padding:10px;text-align:center}
.section05 .listitem a {padding-left:20px;}
@media (max-width:1200px) {.section05 h3 {text-align:center}}

@media (max-width:1200px) {.section05 .rwd-padding{padding:0 20%;}}
@media (max-width:768px) {.section05 .rwd-padding{padding:0 30%;}}
@media (max-width:660px) {.section05 .rwd-padding{padding:0 25%;}}
@media (max-width:480px) {.section05 .rwd-padding{padding:0;}}


/* == section06 ===========================================================*/
.section06{}
.section06 img {max-width: 100%;}
.section06 .imgtxt a.img{padding-bottom:100%;}
.section06 .img-circle {padding:10%;}

/*以下設定，將影響圓大小*/
@media (min-width:1200px) {.section06 .rwd-padding{padding:0 10%;}} 
@media (max-width:1200px) {.section06 .rwd-padding{padding:0 10%;}}
@media (max-width:990px) {.section06 .rwd-padding{padding:0;}}
@media (max-width:768px) {.section06 .rwd-padding{padding:0 30%;}}
@media (max-width:660px) {.section06 .rwd-padding{padding:0 25%;}}
@media (max-width:480px) {.section06 .rwd-padding{padding:0;}}



/* == section07 ===========================================================*/
.section07 {position:relative;}
.section07 .imgtxt {padding:3px;}
.section07 .slidcontrol {position:absolute;	z-index:100;width: 50%;}
.section07 .slidcontrol a{width:30px;height:30px;text-align:center;line-height:2.1em;color:#000;background:#fff; vertical-align:middle}
.section07 .slidcontrol a.slick-prev {margin-left: -1em;}
.section07 .slidcontrol a.slick-next {margin-right: -1em;}



/* == navmenu01 ===========================================================*/
.navmenu01 {border:0;}
.navmenu01 ul {height:60px;}
.navmenu01 ul li {width: 100px}

.navmenu01 ul {display: table; margin:0 auto; padding:0;float: none;}
.navmenu01 ul li {display: table-cell;vertical-align: middle;text-align:center;float:none;}
.navmenu01 ul li span:nth-child(2){display: none}

.navmenu01 ul li:hover {border-bottom:2px solid #000;}
.navmenu01 ul li:hover span:nth-child(1){display:none}
.navmenu01 ul li:hover span:nth-child(2){display:block;}

.navmenu01 a.btn.dropdown{display: none}

@media (max-width: 768px) {	
	.navmenu01 div{padding: 0}
	.navmenu01 ul {width: 100%}
	.navmenu01 ul li {display:block;width: 100%;padding:10px 0;}
	.navmenu01 ul li:hover {background: #eee;border:0;}
	.navmenu01 a.btn.dropdown{display: block}
}



/* == toplink01 =============================================================*/
.toplink01 {position:absolute;top:0;z-index:100}
.toplink01 {display: inline-block;width: 100%;padding:10px 50px;}
.toplink01 .logo{float:left}
.toplink01 .logo img{max-width: 100%;}
.toplink01 .links{float:right}
.toplink01 .links{padding-left:20px;}
.toplink01 .links li{display: inline-block;}
.toplink01 .links li a{vertical-align: middle;}
.toplink01 .links li:after{content:'|';display: inline-block;padding:0 10px;vertical-align: middle;}
.toplink01 .links li:last-child:after{content:'';}
@media (max-width: 768px) {
	.toplink01 {position: static;}
	.toplink01 .logo,
	.toplink01 .links{float:none;text-align: center;padding:10px 0;}
}





/* == footer01 ===========================================================*/
.footer_01 {background: #eee}
.footer_01 {padding:20px 40px;}
.footer_01 input{border:1px solid #aaa;border-radius: 0;padding-left: 10px;margin-right: 10px}
.footer_01 button{border-radius: 0}
.footer_01 .copyright{margin:10px 0;}


/* == footer02 ===========================================================*/
.footer_02 section {margin:0;background: #ddd}
.footer_02 section span{display:inline-block;padding:10px 0}
.footer_02 .copyright {color:#eee;background:#333;margin:0;padding:5px 0;}


/* == footer03 ===========================================================*/
.footer_03 {background: #eee}
.footer_03 section {padding:50px;}
.footer_03 section .logo img{max-width: 100%}
.footer_03 section p{margin:0;}
.footer_03 section [class*="Bbox_in"] .logo {padding-left:0 !important;padding-right:0 !important;}
.footer_03 section [class*="Bbox_in"] > div > div {padding-left:40px !important;padding-right:40px !important;}
.footer_03 .copyright {color:#eee;background:#333;margin:0;padding:5px 0;}
@media (max-width: 920px){	
	.footer_03 section [class*="Bbox_in"] > div > div {width: 50%;text-align: center;}
	.footer_03 section [class*="Bbox_in"] .logo {width: 100%;text-align: center;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #eee;}
}