.mw_hidden{
	display:none;
}

.mw_left{
	float:left;
}

.mw_right{
	float:right;
}


.mw_btn{
    margin-right: 15px;
    padding: 10px 10px;
    border: 1px solid #869d6f;
    cursor: pointer;
    outline: none;
    font-size: 14px;    
    text-align: center;
}

.mw_center{
	margin: 0 auto;
}

.mw_op50{
	opacity:0.5;
}

.mw_op100{
	opacity:1;
}

.mw_mouseon_effect{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.mw_mouseon_effect:hover{
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

<!--FONT TYPE-->
.mw_both{
	font-weight:boldl
}

.chinesebody{
    font-family: 微軟正黑體, 新細明體, Arial, Helvetica, sans-serif;	
}


.test{
	border: solid 2px #0033FF;
}

.test2{
	border: solid 2px #063;
}

.test3{
	border: solid 2px #F00;
}

.mw_margin10{
	height:10px;
	width:100%;
}
.mw_margin20{
	height:20px;
	width:100%;
}

.mw_mgtop10{
	margin-top:10px;
}

.mw_margintop10{
	margin-top:10px;	
}

.mw_marginleft10{
	margin-left:10px;
}

.mw_margin_right10{
	margin-right:10px;
}

.mw_botline{
	border-bottom: 1px solid #CCC;
	width:100%;
}
.mw_topline{
	border-bottom: 1px solid #CCC;
	width:100%;
}

.mw_w100{
	width:100%;
}



.mw_textcen{
	text-align:center;
}

.mw_font10{
	font-size: 10px;
}
.mw_font11{
	font-size: 11px;
}
.mw_font12{
	font-size: 12px;
}
.mw_font13{
	font-size: 13px;
}
.mw_font14{
	font-size: 14px;
}
.mw_font15{
	font-size: 15px;
}
.mw_font16{
	font-size: 16px;
}
.mw_font17{
	font-size: 17px;
}
.mw_font18{
	font-size: 18px;
}
.mw_font19{
	font-size: 19px;
}
.mw_font20{
	font-size: 20px;
}
.mw_font21{
	font-size: 21px;
}
.mw_font22{
	font-size: 22px;
}
.mw_font23{
	font-size: 23px;
}
.mw_font24{
	font-size: 24px;
}
.mw_font25{
	font-size: 25px;
}
.mw_font26{
	font-size: 26px;
}
.mw_font27{
	font-size: 27px;
}
.mw_font28{
	font-size: 28px;
}
.mw_font29{
	font-size: 29px;
}
.mw_font30{
	font-size: 30px;
}
.mw_font31{
	font-size: 31px;
}
.mw_font32{
	font-size: 32px;
}
.mw_font33{
	font-size: 33px;
}
.mw_font34{
	font-size: 34px;
}
.mw_font35{
	font-size: 35px;
}
.mw_font36{
	font-size: 36px;
}


.mw_bo{
	font-weight:bold;
}




.mw_w50px{
	width:50px;
}
.mw_w100px{
	width:100px;
}
.mw_w150px{
	width:150px;
}
.mw_w200px{
	width:200px;
}
.mw_w250px{
	width:250px;
}
.mw_w300px{
	width:300px;
}
.mw_w350px{
	width:350px;
}
.mw_w400px{
	width:400px;
}
.mw_w450px{
	width:450px;
}
.mw_w500px{
	width:500px;
}
.mw_w550px{
	width:550px;
}
.mw_w600px{
	width:600px;
}
.mw_w650px{
	width:650px;
}
.mw_w700px{
	width:700px;
}
.mw_w750px{
	width:750px;
}
.mw_w800px{
	width:800px;
}
.mw_w850px{
	width:850px;
}
.mw_w900px{
	width:900px;
}
.mw_w950px{
	width:950px;
}
.mw_w1000px{
	width:1000px;
}


.mw_h10px{
	height:10px;
}
.mw_h20px{
	height:20px;
}
.mw_h30px{
	height:30px;
}
.mw_h40px{
	height:40px;
}
.mw_h50px{
	height:50px;
}
.mw_h60px{
	height:60px;
}
.mw_h70px{
	height:70px;
}
.mw_h80px{
	height:80px;
}
.mw_h90px{
	height:90px;
}
.mw_h100px{
	height:100px;
}


.mw_btn2{
	padding: 5px 30px;
	border: #adadad 1px solid;
	color : #adadad;
	background-color:white;
}


.mw_text_center{
	text-align:center;
}

.mw_text_right{
	text-align:right;
}

.mw_text_left{
	text-align:left;
}

.mw_padding10{
	padding:10px;
}

.mw_padding20{
	padding:20px;
}

/*垂直對齊*/
.mw_middle{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*只在一側或者兩側具有投影*/
.mw_shadow {
    background-color: #AC92EC;
    width: 160px;
    height: 90px;
    margin-top: -45px;
    margin-left: -80px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.mw_shadow:after {
    content: "";
    width: 150px;
    height: 1px;
    margin-top: 88px;
    margin-left: -75px;
    display: block;
    position: absolute;
    left: 50%;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
}


/*CSS投影*/
// 外投影
.shadow2 {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

// 內投影
.shadow3 {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

/*簡單但好看的引用樣式*/
.mw_blockquote blockquote {
    background:#f9f9f9;
    border-left:10px solid #ccc;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
}
.mw_blockquote blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
}
.mw_blockquote blockquote p {
    display:inline;
}

/*背景透明*/
.mw_opbg {
  background-color: transparent;
  background-color: rgba(200,200,200,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd)";
}

/*漸變背景動畫效果*/
.mw_btn3 {
    padding: 15px;
    background-image: linear-gradient(#FC6E51, #FFF);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: background-position 0.5s;
}    
.mw_btn3:hover {
    background-position: 0 0;
}

/*像出版物一樣，第一個字變得大些*/
.mw_first_text_big{
  font-family: "papyrus";
  font-size: 28px;
  font-weight: bold;
}

/*創建模糊文本*/
.mw_blurtext {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/*高亮選中的 input*/
.mw_inputbright input:checked + label{
    background: yellow;  
}