@charset "big5";
/* CSS Document */

/*?“é?*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);


* {margin:0px; padding:0px;}
body {
   font-family: Arial, Calibri, Microsoft JhengHei ;
    background-color: #ebe9e8;
}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}
#back:hover img {animation-name:fadeOutUp; animation-duration:0.5s;}

#layout {position:relative;}

header {height:400px; margin-top:40px; border-bottom:20px ; box-shadow:0px 0px 30px gray; background:url(../images/header_bg.jpg) top center repeat; background-color: #f0eae0;}
header div {width:980px; margin:auto;}

#content {width:980px; margin:auto; background:#897760; position:relative;}


#con_rt {float:right; width:420px; box-sizing:border-box; padding:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; border:4px double black; border-radius:10px; background:white;}


.btn a {display:inline-block; font-size:18px; font-family:·L³n¥¿¶ÂÅé; padding:6px 8px; margin:0px 3px 5px 3px; background:#beaccf; color:#800080;}
/*.btn a.slec {background:#800080; color:white;}*/
.btn a{display:inline-block; margin:5px; padding:5px; background-color:#5d564c; color:#cbc7c4; font-size:16px; line-height:16px; letter-spacing:1px; font-family:"MicrosoftJhengHeiBold","SimHeiBold"; }
.btn a.slec,.btn a:hover{background-color:#ba8920; color:#ffffff; }



#con_lt {float:left; width:540px; box-sizing:border-box; padding:10px;}

.section h2 {font-size:25px; line-height:30px; margin-bottom:6px; color:#FFFFFF; font-family:'cwTeXYen',·L³n¥¿¶ÂÅé,sans-serif; text-align:center; border-bottom:3px double white;}
article {margin-bottom:10px;}
article p {font-size:18px; line-height:22px; color:#FFFFFF; font-family:'cwTeXYen',·L³n¥¿¶ÂÅé,sans-serif; text-align:justify;}
.section p.s_sitle {font-size:22px; line-height:24px; color:darkslateblue; font-weight:bold; font-family:'cwTeXYen',·L³n¥¿¶ÂÅé,sans-serif; text-align:justify;}

/* ????? */
.link {padding-bottom: 10px;}
.link a {display: inline-block; margin-right: 10px; padding: 5px; color: #ffffff; letter-spacing: 1px; font-family:'cwTeXYen',·L³n¥¿¶ÂÅé,sans-serif; white-space: nowrap; border: solid 1px #990033; border-radius: 20px 0px 0px 20px;}
.link a, .link a:hover {font-size: 18px; line-height: 18px;}
.link a:hover {box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);}
.link-ma {width: 50%; /*float: left;*/ text-align: center;}
.link-ma a {background-color: #993300;}
.link-ma a:hover {background-color: #CC3300;}
.link i {display: inline-block; width: 27px; height: 16px; background: url(../images/arrow.gif) 3px 3px no-repeat;}




@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {height:auto; background:none; border-bottom:none;}
	header div {width:100%; height:auto;}
	header img {display:block; width:100%; height:auto;}
	#content {width:100%;}
	#con_rt {float:none; width:95%; margin:0px auto 10px auto;}
	#con_rt table {background:none; border-bottom:1px solid gray;}
	#con_lt {float:none; width:95%; margin:auto;}
	#mbgo {display:block; padding:10px; background:#ebe3ec;}
	#mbgo a {width:50%; padding:6px 15px; border-radius:15px; font-size:20px; line-height:40px; color:purple; font-family:'cwTeXYen',·L³n¥¿¶ÂÅé,sans-serif; border:2px solid purple;}
	article {position:relative;}
	article img {display:block; width:90%; height:auto; margin:auto;}
}