@charset "utf-8";
/* CSS Document */

@import url("reset.css");
html {
}
a {
	outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

body {
	background-image:url(../img/bg.jpg);
}
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#HEADER_00 {
	height:309px;
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
}
#header {
	width:960px;
	height:309px;
	margin:0 auto;
	position:relative;
}
#header h1 {
	display:block;
	width:354px;
	height:133px;
	background-image:url(../img/header_h1.png);
	text-indent:-9999px;
	position:absolute;
	left: 71px;
	top: -2px;
}
.header_debate a{
	position:absolute;
	display:block;
	width:274px;
	height:199px;
	background-image:url(../img/header_debate.png);
	text-indent:-9999px;
	left: 352px;
	top: 61px;
}
.boy {
	position:absolute;
	display:block;
	width:110px;
	height:260px;
	background-image:url(../img/header_boy.png);
	left: 627px;
	top: 1px;
}
a.home{
	display:block;
	width:73px;
	height:52px;
	background-image:url(../img/home.png);
	text-indent:-9999px;
	position:absolute;
	left: 156px;
	top: 181px;
}
ul.logo {
	width:111px;
	position: absolute;
	height:28px;
	z-index:3;
	top: 10px;
}
ul.logo li {
	float:left;
}
ul.logo li.cw a {
	display:block;
	width:54px;
	height:28px;
	background-image:url(../img/cw_logo.jpg);
	text-indent:-9999px;
}
ul.logo li.school a {
	display:block;
	width:57px;
	height:28px;
	background-image:url(../img/school_logo.jpg);
	text-indent:-9999px;
}
ul.buy {
	width:219px;
	height:137px;
	position:absolute;
	left: 733px;
	top: 4px;
}
ul.buy li {
	float:left;
}
ul.buy li.title a {
	display:block;
	width:113px;
	height:99px;
	background-image:url(../img/buy.png);
	text-indent:-9999px;
}
ul.buy li.title a:hover {
background-position:bottom;
}
ul.menu {
	width:934px;
	height:39px;
	position:absolute;
	left: 13px;
	top: 260px;
}
a.buy2{
	display:block;
	width:136px;
	height:33px;
	background-image:url(../img/buy2.png);
	text-indent:-9999px;
	position:absolute;
	left: 841px;
	top: 104px;
}
a.buy2:hover{
background-position:bottom;
}
ul.menu li {
	float:left;
}
ul.menu li a {
	text-indent:-9999px;
}
ul.menu li a:hover {
	background-position:bottom;
}
ul.menu li.btn01 a {
	display:block;
	width:152px;
	height:39px;
	background-image:url(../img/btn_01.jpg);
}
ul.menu li.btn02 a {
	display:block;
	width:119px;
	height:39px;
	background-image:url(../img/btn_02.jpg);
}
ul.menu li.btn03 a {
	display:block;
	width:162px;
	height:39px;
	background-image:url(../img/btn_03.jpg);
}
ul.menu li.btn04 a {
	display:block;
	width:120px;
	height:39px;
	background-image:url(../img/btn_04.jpg);
}
ul.menu li.btn05 a {
	display:block;
	width:114px;
	height:39px;
	background-image:url(../img/btn_05.jpg);
}
ul.menu li.btn06 a {
	display:block;
	width:110px;
	height:39px;
	background-image:url(../img/btn_06.jpg);
}
ul.menu li.btn07 a {
	display:block;
	width:157px;
	height:39px;
	background-image:url(../img/btn_07.jpg);
}
#WRAPPER {
	width:960px;
	margin:0 auto;
}
#CONTENT {
	width:942px;
	margin:0 auto;
	background-image:url(../img/right_bg.jpg);
	background-repeat:repeat-y;
}
#LEFT{
	width:622px;
	float:left;
}
#LEFT_main {
width:622px;
background-image:url(../img/content_bg.jpg);
background-repeat:repeat-y;
}

#LEFT_main .fb_like{
width:622px;
height:50px;
background-image:url(../img/content_up.jpg);
}
.LEFT_main_btm{
width:622px;
height:36px;
background-image:url(../img/LEFT_main_btm.jpg);
}
#RIGHT {
	width:320px;
	float:right;
}
#RIGHT_00{
width:320px;
	float:right;
}
ul.share{
	width:51px;
	position:absolute;
	left: 546px;
	top: 15px;
}
ul.share li{
float:left;
}
ul.share li.fb a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_fb.jpg);
text-indent:-9999px;
}
ul.share li.pl a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_pl.jpg);
text-indent:-9999px;
}
ul.share li.tw a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_tw.jpg);
text-indent:-9999px;
}
/* =====================  右欄 =====================*/
.ad01{
width:300px;
height:282px;
background-image:url(../img/ad1.jpg);
margin-top:30px;
padding:12px 10px 0 10px;
}
.ad02{
width:300px;
height:237px;
background-image:url(../img/ad2.jpg);
padding:14px 11px 0 9px;
}
.ad03{
width:300px;
height:139px;
background-image:url(../img/ad3.jpg);
padding:11px 11px 0 9px;
margin-bottom:30px;
}
.right_test h3{
width:320px;
height:40px;
background-image:url(../img/right_test_h3.jpg);
text-indent:-9999px;
}
.right_test{
margin-bottom:40px;
}
.top5{
margin-bottom:40px;
}
.top5 h3{
width:320px;
height:40px;
background-image:url(../img/right_top5_h3.jpg);
text-indent:-9999px;
}
.top5 ul li a{
text-decoration:none;
font-size:13px;
color:#58443e;
}
.top5 ul li a:hover{
text-decoration:none;
color:#cc2808;
}

.top5 ul li.t01 a{
display:block;
width:260px;
height:41px;
line-height:41px;
background-image:url(../img/top01.jpg);
background-repeat:no-repeat;
padding-left:55px;
}
.top5 ul li.t02 a{
display:block;
width:260px;
height:43px;
line-height:43px;
background-image:url(../img/top02.jpg);
background-repeat:no-repeat;
padding-left:55px;
}
.top5 ul li.t03 a{
display:block;
width:260px;
height:43px;
line-height:43px;
background-image:url(../img/top03.jpg);
background-repeat:no-repeat;
padding-left:55px;
}
.top5 ul li.t04 a{
display:block;
width:260px;
height:43px;
line-height:43px;
background-image:url(../img/top04.jpg);
background-repeat:no-repeat;
padding-left:55px;
}
.top5 ul li.t05 a{
display:block;
width:260px;
height:41px;
line-height:41px;
background-image:url(../img/top05.jpg);
background-repeat:no-repeat;
padding-left:55px;
}
/* =====================  FOOTER =====================*/
#FOOTER{
width:960px;
height:110px;
margin:0 auto;
background-image:url(../img/footer.jpg);
position:relative;
}
#FOOTER a.mail{
	display:block;
	width:89px;
	height:38px;
	background-image:url(../img/footer_a.jpg);
	text-indent:-9999px;
	position:absolute;
	left: 123px;
	top: 72px;
}
/* =====================  正義指數測驗 =====================*/

h3.h3_test{
width:622px;
height:51px;
background-image:url(../img/h3_3.jpg);
text-indent:-9999px;
margin-top:5px;
}
h3.h3_test00{
width:622px;
height:51px;
background-image:url(../img/h3_3_00.jpg);
margin-top:5px;
position:relative;
}

#TEST{
width:570px;
height:463px;
background-image:url(../img/TEST_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#TEST00{
width:570px;
height:463px;
margin:0 auto;
margin-top:20px;
position:relative;
background-image:url(../img/test00.jpg);
}
#RESULT01{
width:570px;
height:463px;
background-image:url(../img/result01_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT02{
display:none;
width:570px;
height:463px;
background-image:url(../img/result02_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT03{
display:none;
width:570px;
height:463px;
background-image:url(../img/result03_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT04{
display:none;
width:570px;
height:463px;
background-image:url(../img/result04_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT05{
display:none;
width:570px;
height:463px;
background-image:url(../img/result05_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#TEST table.question{
	position:absolute;
	left: 85px;
	top: 41px;
}
#TEST table.login{
	position:absolute;
	left: 95px;
	top: 39px;
}
.light_flash{
	position:absolute;
	width:67px;
	height:125px;
	left: 476px;
	top: 1px;
	background-image:url(../img/light.gif);
	z-index:9999;
}
.light_flash3{
	position:absolute;
	width:67px;
	height:125px;
	left: 476px;
	top: 1px;
	background-image:url(../img/light03.gif);
	z-index:9999;
}
.light_flash2{
	position:absolute;
	width:67px;
	height:125px;
	left: 476px;
	top: 1px;
	background-image:url(../img/redlight.jpg);
}
.test00_flash{
	position:absolute;
	width:570px;
	height:463px;
}
.test01_flash{
	position:absolute;
	width:570px;
	height:230px;
	top: 231px;
}
.test02_flash{
	position:absolute;
	width:570px;
	height:230px;
	top: 231px;
}
.test03_flash{
	position:absolute;
	width:570px;
	height:230px;
	top: 231px;
}
.test04_flash{
	position:absolute;
	width:570px;
	height:230px;
	top: 231px;
}
.signup_flash{
	position:absolute;
	width:570px;
	height:230px;
	top: 231px;
}
a.next_q{
display:block;
width:142px;
height:52px;
background-image:url(../img/TEST_next.jpg);
text-indent:-9999px;
margin:0 auto;
}
a:hover.next_q{
background-position:bottom;
}
a.next_result{
display:block;
width:142px;
height:52px;
background-image:url(../img/TEST_result.jpg);
text-indent:-9999px;
margin:0 auto;
}
a:hover.next_result, a.submit:hover, a.addmember2:hover{
background-position:bottom;
}
a.member{
font-size:12px;
text-decoration:underline;
color:#9a827d;
padding-left:10px;
}
a.member:hover{
text-decoration:none;
}
a.submit{
display:block;
width:114px;
height:49px;
background-image:url(../img/submit.jpg);
text-indent:-9999px;
}

a.addmember2{
display:block;
width:118px;
height:49px;
background-image:url(../img/addmember.jpg);
text-indent:-9999px;
}
#RESULT01{
width:570px;
height:463px;
background-image:url(../img/result01_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT02{
display:none;
width:570px;
height:463px;
background-image:url(../img/result02_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT03{
display:none;
width:570px;
height:463px;
background-image:url(../img/result03_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
#RESULT04{
display:none;
width:570px;
height:463px;
background-image:url(../img/result04_bg.jpg);
margin:0 auto;
margin-top:20px;
position:relative;
}
ul.score{
	position:absolute;
	left: 103px;
	top: 128px;
	width:367px;
}
ul.score li{
font-family:"Century Gothic";
font-weight:bold;
color:#785e30;
font-size:24px;
}
ul.score li.score01{
background-image:url(../img/score01.jpg);
width:184px;
height:24px;
line-height:24px;
text-align:right;
padding-right:20px;
}
ul.score li.score02{
background-image:url(../img/score02.jpg);
width:184px;
height:24px;
line-height:24px;
text-align:right;
padding-right:20px;
}
ul.score li.score03{
background-image:url(../img/score03.jpg);
width:213px;
height:24px;
line-height:24px;
text-align:right;
padding-right:20px;
}
ul.score li.score04{
background-image:url(../img/score04.jpg);
width:213px;
height:24px;
line-height:24px;
text-align:right;
padding-right:20px;
}
.bar{
width:351px;
height:16px;
background-color:#c9c9c1;
border:#a1a0a0 1px solid;
margin:6px 0 7px 10px;
}
.rate{
margin:2px;
height:12px;
background-color:#3b7891;
width:196px;
}
/* =====================  下載區 =====================*/
#DOWNLOAD_00{
padding:0 10px 0 12px;
}
#DOWNLOAD {
width:622px;
}
#DOWNLOAD .cw_mag{
width:290px;
height:276px;
background-image:url(../img/mag.jpg);
float:left;
position: relative;
}
#DOWNLOAD .cw_mag a.more{
	display:block;
	width:64px;
	height:23px;
	background-image:url(../img/more.jpg);
	text-indent:-9999px;
	position:absolute;
	left: 208px;
	top: 220px;
}
#DOWNLOAD .cw_mag ul{
	width:120px;
	position:absolute;
	left: 151px;
	top: 51px;
}
#DOWNLOAD .cw_mag img{
	position:absolute;
	left: 23px;
	top: 51px;
}
#DOWNLOAD .cw_mag ul li.cw_title a{
color:#cc2808;
font-weight:bold;
font-size:13px;
line-height:20px;
text-decoration:none;
}
#DOWNLOAD .cw_mag ul li.cw_title a:hover{
color:#c89047;
}
#DOWNLOAD .cw_mag ul li.cw_sum{
color:#444444;
font-size:13px;
line-height:22px;
}
#DOWNLOAD .cw_book{
width:304px;
height:276px;
background-image:url(../img/handbook.jpg);
float:left;
position: relative;
}
#DOWNLOAD .cw_book ul{
	width:120px;
	position:absolute;
	left: 152px;
	top: 53px;
}
#DOWNLOAD .cw_book ul li.cw_title a{
color:#cc2808;
font-weight:bold;
font-size:13px;
line-height:20px;
text-decoration:none;
}
#DOWNLOAD .cw_book ul li.cw_title a:hover{
color:#c89047;
}
#DOWNLOAD .cw_book ul li.cw_sum{
color:#444444;
font-size:13px;
line-height:22px;
}
#DOWNLOAD .cw_book img{
	position:absolute;
	left: 27px;
	top: 51px;
}
#DOWNLOAD .cw_book a.more{
	display:block;
	width:64px;
	height:23px;
	background-image:url(../img/more.jpg);
	text-indent:-9999px;
	position:absolute;
	left: 211px;
	top: 221px;
}
#st_art{
width:580px;
height:384px;
margin:0 auto;
}
.sticker01{
width:580px;
height:235px;
background-image:url(../img/sticker_bg.jpg);
position: relative;
}
.sticker01 img{
	position:absolute;
	left: 50px;
	top: 27px;
}
.sticker01 .code{
	position:absolute;
	width:320px;
	left: 226px;
	top: 24px;
}
.sticker01 .code h5{
width:320px;
height:46px;
background-image:url(../img/take_h5.jpg);
text-indent:-9999px;
}
.code textarea{
width:320px;
}
.footer_w{
font-size:12px;
line-height:16px;
color:#666666;
}
.sticker02{
display:none;
width:580px;
height:235px;
background-image:url(../img/sticker_bg.jpg);
}
.sticker02 img{
	position:absolute;
	left: 50px;
	top: 27px;
}
.sticker02 .code{
	position:absolute;
	width:320px;
	left: 226px;
	top: 24px;
}
.sticker02 .code h5{
width:320px;
height:46px;
background-image:url(../img/take_h5.jpg);
text-indent:-9999px;
}
.sticker03{
display:none;
width:580px;
height:235px;
background-image:url(../img/sticker_bg.jpg);
}
.sticker03 img{
	position:absolute;
	left: 50px;
	top: 27px;
}
.sticker03 .code{
	position:absolute;
	width:320px;
	left: 226px;
	top: 24px;
}
.sticker03 .code h5{
width:320px;
height:46px;
background-image:url(../img/take_h5.jpg);
text-indent:-9999px;
}
.sticker04{
display:none;
width:580px;
height:235px;
background-image:url(../img/sticker_bg.jpg);
}
.sticker04 img{
	position:absolute;
	left: 50px;
	top: 27px;
}
.sticker04 .code{
	position:absolute;
	width:320px;
	left: 226px;
	top: 24px;
}
.sticker04 .code h5{
width:320px;
height:46px;
background-image:url(../img/take_h5.jpg);
text-indent:-9999px;
}
.r_article01{
display:none;
width:580px;
height:149px;
background-image:url(../img/recommend01.jpg);
position:relative;
}
ul.r_article{
	position:absolute;
	left: 60px;
	top: 33px;
}
ul.r_article li{
background-image:url(../img/r_article_list.jpg);
background-repeat:no-repeat;
line-height:21px;
}
ul.r_article li a{
color:#655d47;
font-size:13px;
text-decoration:none;
padding-left:20px;
}
ul.r_article li a:hover{
color:#cc2808;
}
.r_article02{
display:none;
width:580px;
height:149px;
background-image:url(../img/recommend02.jpg);
position:relative;
}
.r_article03{
display:none;
width:580px;
height:149px;
background-image:url(../img/recommend03.jpg);
position:relative;
}
.r_article04{
display:none;
width:580px;
height:149px;
background-image:url(../img/recommend04.jpg);
position:relative;
}
.r_article05{
display:none;
width:580px;
height:149px;
background-image:url(../img/recommend05.jpg);
position:relative;
}
.b{
font-weight:bold;
}
#CONTENT2{
width:942px;
background-image:url(../img/content2_bg.jpg);
margin:0 auto;
background-repeat:repeat-y;
}

/* =====================  文章頁 =====================*/
h3.h3_article{
width:622px;
height:51px;
background-image:url(../img/h3_1.jpg);
margin-top:5px;
position:relative;
}
.article_content{
width:560px;
margin:0 auto;
}
.article_content00{
width:540px;
margin:0 auto;
background-color: #E1E7D1;
padding:10px 10px;
}
.article_content00 h5{
font-size:15px;
color:#222222;
margin-top:15px;
line-height:30px;
}
.article_content h5{
font-size:18px;
color:#222222;
margin-top:15px;
margin-bottom:20px;
line-height:30px;
}
p.article02{
color:#333333;
margin-bottom:20px;
font-size:15px;
line-height:25px;
}
p.article02_F{
color:#c60717;
margin-bottom:20px;
font-size:15px;
line-height:25px;
}
p.article02_subtitle{
color:#0a4560;
margin-bottom:20px;
font-size:15px;
line-height:25px;
font-weight:bold;
}
p.author{
color:#d6553e;
font-size:13px;
line-height:28px;
margin-bottom:10px;

}

ul.ed_article{
margin-left:15px;
}
ul.ed_article li{
background-image:url(../img/ed_article_list.jpg);
background-repeat:no-repeat;
line-height:21px;
}
ul.ed_article li a{
color:#655d47;
font-size:13px;
text-decoration:none;
padding-left:25px;
}

ul.ed_article li a:hover{
text-decoration:none;
color:#cc2808;
}
ul.ed_article2{
margin:15px 0 20px 35px;
}
ul.ed_article2 li{
background-image:url(../img/ed_article_list.jpg);
background-repeat:no-repeat;
line-height:21px;
}
ul.ed_article2 li a{
color:#655d47;
font-size:13px;
text-decoration:none;
padding-left:25px;
}

ul.ed_article2 li a:hover{
text-decoration:none;
color:#cc2808;
}
.ecoupon{
width:492px;
height:266px;
background-image:url(../img/coupon_down.jpg);
background-position:bottom;
margin:0 auto;
margin-top:30px;
position:relative;
margin-bottom:30px;
}
.ecoupon h3{
height:36px;
background-image:url(../img/coupon_h3.jpg);
text-indent:-9999px;
}

.ecoupon ul{
	width:276px;
	height:171px;
	position:absolute;
	left: 33px;
}

.ecoupon ul li.cwbook_title a{
font-size:14px;
color:#b43219;
line-height:22px;
font-weight:bold;
text-decoration:none;
}
.ecoupon ul li.cwbook_title a:hover{
color:#c89047;
}

.ecoupon ul li.cwbook_sum{
font-size:13px;
color:#666666;
line-height:22px;
}
.ecoupon ul li.cwbook_price{
font-size:13px;
color:#0000000;
line-height:22px;
}
.red{
color:#c60717;
font-family:"Century Gothic";
font-weight:bold;
font-size:16px;
}
.red2{
color:#c60717;
font-family:"Century Gothic";
font-size:13px;
}
.grey{
color:#444444;
font-family:"Century Gothic";
}
.ecoupon img{
	position:absolute;
	left: 317px;
	top: 35px;
}
.ecoupon a.ecoupon_buy{
	position:absolute;
	display:block;
	width:91px;
	height:97px;
	background-image:url(../img/coupon-buy.gif);
	text-indent:-9999px;
	left: 412px;
	top: 137px;
}


/*=========== page ==================*/

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; margin-top:15px; PADDING-TOP: 3px; TEXT-ALIGN: center; font-size:11px; font-family:"Century Gothic";
}
DIV.scott A.page {
	BORDER-RIGHT: #bab3b3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bab3b3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #bab3b3 1px solid; COLOR: #333333; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; BORDER-BOTTOM: #bab3b3 1px solid; TEXT-DECORATION: none; background-color:#bab3b3;
}
DIV.scott A.page:hover {
	BORDER-RIGHT: #e8533d 1px solid; BORDER-TOP: #e8533d 1px solid; BORDER-LEFT: #be4533 1px solid; COLOR: #be4533d; BORDER-BOTTOM: #e8533d 1px solid; BACKGROUND-COLOR: #ed814c
}
DIV.scott A.page:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current {
	BORDER-RIGHT: #d48a7d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d48a7d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #d48a7d 1px solid; COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; BORDER-BOTTOM: #d48a7d 1px solid; BACKGROUND-COLOR: #be4533
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #999999; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
a.gotobuy{
font-size:13px;
font-weight:bold;
color:#b43219;
text-decoration:none;
margin-left:10px;
}
a.gotobuy:hover{
color:#c89047;
}
.extent{
margin-top:30px;
margin-bottom:15px;
}
.extent h3{
width:622px;
height:44px;
background-image:url(../img/extent_h3.jpg);
text-indent:-9999px;
}
.extent ul{
margin-left:50px;
margin-right:10px;
}
.extent ul li{
background-image:url(../img/extent_list.jpg);
line-height:25px;
background-repeat:no-repeat;
padding-left:18px;
font-size:15px;
}
.extent ul li a{
color:#b43219;
text-decoration:none;
}

.extent ul li a:hover{
color:#c89047;
}

/* =====================  文章頁總攬 =====================*/
.article_main_up{
width:580px;
height:255px;
margin:0 auto;
background-image:url(../img/article_mainup.jpg);
position: relative;
margin-top:20px;
}
.article_main_up iframe{
	position:absolute;
	left: 479px;
	top: 49px;
}
ul.skill_four{
margin-left:35px;
}
ul.skill_four li{
float:left;
}
ul.skill_four li a{
text-indent:-9999px;
}
ul.skill_four li a:hover{
background-position:bottom;
}
ul.skill_four li.skill01{
width:130px;
height:41px;
background-image:url(../img/article_menu_01.jpg);
background-position:bottom;
}
ul.skill_four li.skill02{
width:128px;
height:41px;
background-image:url(../img/article_menu_02.jpg);
background-position:bottom;
}
ul.skill_four li.skill03{
width:127px;
height:41px;
background-image:url(../img/article_menu_03.jpg);
background-position:bottom;
}
ul.skill_four li.skill04{
width:131px;
height:41px;
background-image:url(../img/article_menu_04.jpg);
background-position:bottom;
}

ul.skill_four li.skill01 a{
display:block;
width:131px;
height:41px;
background-image:url(../img/article_menu_01.jpg);
}
ul.skill_four li.skill02 a{
display:block;
width:128px;
height:41px;
background-image:url(../img/article_menu_02.jpg);
}
ul.skill_four li.skill03 a{
display:block;
width:127px;
height:41px;
background-image:url(../img/article_menu_03.jpg);
}
ul.skill_four li.skill04 a{
display:block;
width:130px;
height:41px;
background-image:url(../img/article_menu_04.jpg);
}
.article_mainpic{
	position:absolute;
	width:287px;
	height:202px;
	background-image:url(../img/article_mainpic.jpg);
	left: 42px;
	top: 46px;
	padding:12px 0 0 13px;
}
ul.article_main{
	width:213px;
	position:absolute;
	left: 345px;
	top: 81px;
}
ul.article_main li.title a{
font-size:15px;
color:#b43219;
line-height:22px;
font-weight:bold;
text-decoration:none;
}
ul.article_main li.title a:hover{
color:#c89047;
}

ul.article_main li.sum{
font-size:13px;
color:#666666;
line-height:22px;
}
.article_extent{
width:580px;
height:92px;
background-image:url(../img/article_maindown.jpg);
margin:0 auto;
position:relative;
margin-bottom:30px;
}
ul.ex_article{
	position:absolute;
	left: 60px;
	top: 17px;
}
ul.ex_article li{
background-image:url(../img/r_article_list.jpg);
background-repeat:no-repeat;
line-height:21px;
margin-bottom:5px;
}
ul.ex_article li a{
color:#655d47;
font-size:13px;
text-decoration:none;
padding-left:20px;
}
ul.ex_article li a:hover{
color:#cc2808;
}
.skillpic{
	width:95px;
	height:91px;
	position:absolute;
	left: 46px;
	top: 52px;
	z-index:9999;
}
.article_sub{
width:538px;
margin:0 auto;
background-image:url(../img/article_subup.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:20px;
}
.article_sub iframe{
float:right;
}
ul.sub{
	width:315px;
	float: right;
	margin-top:8px;
	padding-left:13px;
	margin-right:5px;
}
ul.sub li.title a{
font-size:15px;
color:#b43219;
line-height:22px;
font-weight:bold;
text-decoration:none;
}
ul.sub li.video_title a{
display:block;
font-size:15px;
color:#b43219;
line-height:25px;
font-weight:bold;
text-decoration:none;
background-image:url(../img/video_icon.jpg);
background-repeat:no-repeat;
padding-left:30px;
}
ul.sub li.down_title a{
display:block;
font-size:15px;
color:#b43219;
line-height:25px;
font-weight:bold;
text-decoration:none;
background-image:url(../img/down_icon.jpg);
background-repeat:no-repeat;
padding-left:25px;
}
ul.sub li.title a:hover{
color:#c89047;
}
ul.sub li.video_title a:hover{
color:#c89047;
}

ul.sub li.down_title a:hover{
color:#c89047;
}
ul.sub li.sum{
font-size:13px;
color:#666666;
line-height:22px;
}
.article_subpic{
width:187px;
height:131px;
background-image:url(../img/article_subpic.jpg);
float:left;
padding:7px 0 0 18px;
}
.article_subntm{
width:538px;
margin:0 auto;
background-image:url(../img/article_subup.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:20px;
}
/* =====================  手冊頁 =====================*/
h3.h3_download{
width:622px;
height:51px;
background-image:url(../img/h3_7.jpg);
margin-top:5px;
position:relative;
}
.download_main{
width:580px;
height:333px;
margin:0 auto;
background-image:url(../img/downloadmain_bg.jpg);
position: relative;
margin-top:20px;
}
.download_main iframe{
	position:absolute;
	left:50px;
	top: 32px;
}
.download_mainpic{
	position:absolute;
	width:287px;
	height:202px;
	background-image:url(../img/article_mainpic.jpg);
	left: 261px;
	top: 35px;
	padding:12px 0 0 13px;
}
ul.download_main00{
	width:200px;
	position:absolute;
	left: 51px;
	top: 60px;
}
ul.download_main00 li.title a{
font-size:15px;
color:#b43219;
line-height:22px;
font-weight:bold;
text-decoration:none;
}
ul.download_main00 li.title a:hover{
color:#c89047;
}

ul.download_main00 li.sum{
font-size:13px;
color:#666666;
line-height:22px;
}
a.down_big{
	display:block;
	width:147px;
	height:51px;
	background-image:url(../img/download_big.jpg);
	text-indent:-9999px;
	position:absolute;
	left: 344px;
	top: 252px;
}
a.down_big:hover{
background-position:bottom;
}
/* =====================  影音頁 =====================*/
h3.h3_video{
width:622px;
height:51px;
background-image:url(../img/h3_4.jpg);
margin-top:5px;
position:relative;
}
.video_main{
width:580px;
height:333px;
margin:0 auto;
background-image:url(../img/video_main.jpg);
position: relative;
margin-top:20px;
}
.video_main iframe.like{
	position:absolute;
	left: 370px;
	top: 268px;
}
.video_main iframe.youtube{
	position:absolute;
	left: 25px;
	top: 32px;

}
ul.video_main00{
	width:195px;
	position:absolute;
	left: 369px;
	top: 30px;
}
ul.video_main00 li.name{
font-size:18px;
color:#fc9e19;
font-weight:bold;
font-family:"微軟正黑體";
margin-bottom:5px;
}

ul.video_main00 li.title a{
font-size:15px;
color:#fefefe;
line-height:22px;
font-weight:bold;
text-decoration:none;
}
ul.video_main00 li.title a:hover{
color:#c89047;
}

ul.video_main00 li.sum{
font-size:13px;
color:#666666;
line-height:22px;
}
a.govideo{
color:#b43219;
}
a.govideo:hover{
color:#c89047;
text-decoration:none;
}
/* =====================  辯論總覽 =====================*/

h3.h3_debate00{
width:622px;
height:51px;
background-image:url(../img/h3_2_00.jpg);
margin-top:5px;
position:relative;
}
/*h3.h3_test00{
width:622px;
height:51px;
background-image:url(../img/h3_3_00.jpg);
margin-top:5px;
position:relative;
}
*/

ul.debate_list{
width:580px;
margin:0 auto;
margin-top:20px;
}
ul.debate_list li a{
display:block;
width:580px;
height:185px;
text-indent:-9999px;
margin-bottom:25px;
}
ul.debate_list li.d_w1 a{
display:block;
background-image:url(../img/debate_w1.jpg);
}
ul.debate_list li.d_w2 a{
display:block;
background-image:url(../img/debate_w2.jpg);
}
ul.debate_list li.d_w3 a{
display:block;
background-image:url(../img/debate_w3.jpg);
}
ul.debate_list li.d_w4 a{
display:block;
background-image:url(../img/debate_w4.jpg);
}
ul.debate_list li.d_w5 a{
display:block;
background-image:url(../img/debate_w5.jpg);
}
ul.debate_list li.d_w6 a{
display:block;
background-image:url(../img/debate_w6.jpg);
}


/* =====================  辯論頁 =====================*/

h3.h3_debate{
width:942px;
height:51px;
background-image:url(../img/h3_2.jpg);
margin-top:5px;
position:relative;
}
.fb_like2{
width:942px;
height:50px;
background-image:url(../img/debate_up.jpg);
}

ul.share2{
	width:51px;
	position:absolute;
	left: 867px;
	top: 14px;
}
ul.share2 li{
float:left;
}
ul.share2 li.fb a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_fb.jpg);
text-indent:-9999px;
}
ul.share2 li.pl a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_pl.jpg);
text-indent:-9999px;
}
ul.share2 li.tw a{
display:block;
width:17px;
height:18px;
background-image:url(../img/c_tw.jpg);
text-indent:-9999px;
}

.main_btm{
width:942px;
height:34px;
background-image:url(../img/main_btm.jpg);
}
.debate_content{
width:870px;
margin:0 auto;
}

.article_content2{
width:870px;
margin:0 auto;
margin-bottom:20px;
margin-top:30px;
}
.article_content2 iframe{
float:right;
margin:0 20px 0 20px;
}
.article_content2 h5{
font-size:15px;
color:#222222;
margin-top:15px;
line-height:30px;
}
.debate_content .up01{
width:870px;
height:397px;
background-image:url(../img/debate_up01.jpg);
position:relative;
}
.debate_content .up01 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .up02{
width:870px;
height:397px;
background-image:url(../img/debate_up02.jpg);
position:relative;
}
.debate_content .up02 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .up03{
width:870px;
height:397px;
background-image:url(../img/debate_up03.jpg);
position:relative;
}
.debate_content .up03 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .up04{
width:870px;
height:397px;
background-image:url(../img/debate_up04.jpg);
position:relative;
}
.debate_content .up04 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .up05{
width:870px;
height:397px;
background-image:url(../img/debate_up05.jpg);
position:relative;
}
.debate_content .up05 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .up06{
width:870px;
height:397px;
background-image:url(../img/debate_up06.jpg);
position:relative;
}
.debate_content .up06 img{
	position:absolute;
	left: 397px;
	top: 277px;

}
.debate_content .d_left{
width:435px;
float:left;
background-image:url(../img/debateleft_bg.jpg);
}
.debate_content .d_right{
width:435px;
float:right;
background-image:url(../img/debateright_bg.jpg);
}

#fb-root{
width:370px;
margin:0 auto;
}
ul.other_debate{
clear:both;
width:843px;
margin:0 auto;
}
ul.other_debate li a{
font-size:15px;
font-weight:bold;
color:#655d47;
padding-left:60px;
text-decoration:none;
}
ul.other_debate li a:hover{
color:#cc2808;
}
ul.other_debate li.od00{
width:843px;
height:52px;
background-image:url(../img/other_debate.jpg);
}
ul.other_debate li.od01 a{
display:block;
height:42px;
line-height:42px;
background-image:url(../img/other_debatelist01.jpg);
}
ul.other_debate li.od02 a{
display:block;
height:42px;
line-height:42px;
background-image:url(../img/other_debatelist02.jpg);
}
ul.other_debate li.od03 a{
display:block;
height:59px;
line-height:45px;
background-image:url(../img/other_debatelist03.jpg);
}
.debateright_btm{
width:435px;
height:49px;
background-image:url(../img/debateright_btm.jpg);
}
.debateleft_btm{
width:435px;
height:49px;
background-image:url(../img/debateleft_btm.jpg);
}

p.article03{
color:#333333;
margin-bottom:10px;
font-size:13px;
line-height:22px;
}
span.article03_subtitle{
color:#0a4560;
margin-bottom:20px;
font-size:13px;
line-height:22px;
font-weight:bold;
}
h3.h3_special{
width:622px;
height:51px;
background-image:url(../img/h3_6.jpg);
margin-top:5px;
position:relative;
}
.feature{
width:540px;
margin:0 auto;
background-image:url(../img/feature_bg.jpg);
padding-bottom:25px;
}
.feature h3{
height:42px;
background-image:url(../img/feature_h3.jpg);
text-indent:-9999px;
}

ul.fe_article{
margin-left:15px;
}
ul.fe_article li{
background-image:url(../img/fe_article_list.jpg);
background-repeat:no-repeat;
line-height:24px;
}
ul.fe_article li a{
color:#655d47;
font-size:13px;
text-decoration:none;
padding-left:25px;
}

ul.fe_article li a:hover{
text-decoration:none;
color:#cc2808;
}
a.login00{
	display:block;
	width:181px;
	height:38px;
	background-image:url(../img/login00.gif);
	position:absolute;
	text-indent:-9999px;
	left: 275px;
	top: 48px;
}

a.login00:hover{
background-position:bottom;
}

h3.h3_ad{
width:622px;
height:51px;
background-image:url(../img/h3_8.jpg);
margin-top:5px;
position:relative;
}
h3.h3_ad2{
width:622px;
height:51px;
background-image:url(../img/h3_9.jpg);
margin-top:5px;
position:relative;
}