@charset "utf-8";
/* CSS Document */
@import url("https://imgs.click108.com.tw/css_2013/reset.css");

body{
background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/bg1.jpg);
background-position:top;}

/*logo*/
.LOGO{width:100%;height:38px;background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/logomenu/bg.jpg);}
.LOGO .BOX{margin:0 auto;width:970px;height:30px;clear:both;}
.LOGO .BOX .LINK{padding-top:3px;width:165px;height:32px;float:left;}
.LOGO .BOX .LINK_1{margin-left:505px;padding-top:6px;width:200px;float:left;}
.LOGO .BOX .LINK_1  p{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#666666;font-weight:bold}
.LOGO .BOX .LINK_1  a{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#3aafeb;text-decoration: none;font-weight: normal;}
.LOGO .BOX .LINK_1  a:hover{color:#666666;}
.LOGO .BOX .LINK_2{width:100px;padding-top:6px;float:left;}
.LOGO .BOX .LINK_2 a{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#9b5eca;text-decoration: none;font-weight: normal;}
.LOGO .BOX .LINK_2 a:hover{color:#666666;}
/*logo END*/
.WRAPPER{
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/bg2.jpg);
	background-repeat:repeat-x;}
/**HEADER*/
.HEADER{
	margin:0 auto;
	width:1250px;}
.HEADER h1{
	margin:0 auto;
	width:1250px;
	height:270px;
	display:block;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/in1.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;}
/*HEADER END*/
/*HEADER MENU*/
.HEADER .MENU{
	margin:0 auto;
	width:1250px;
	height:74px;
	clear:both;}	
.HEADER .MENU .LEFT{
	width:263px;
	height:74px;
	display:block;
	float:left;}
.HEADER .MENU .CENTER{
	width:720px;
	height:74px;
	float:left;}	
.HEADER .MENU .CENTER li{
	float:left;}	
.HEADER .MENU .CENTER li a{
	display:block;
	height:74px;
	text-indent:-9999px;
	outline:none;}
.HEADER .MENU .CENTER li a:hover{
	background-position:left bottom;}	
.HEADER .MENU .CENTER li.a a{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu1.jpg);}	
.HEADER .MENU .CENTER li.b a{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu2.jpg);}
.HEADER .MENU .CENTER li.c a{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu3.jpg);}	
.HEADER .MENU .CENTER li h3{
	display:block;
	height:74px;
	background-position:bottom;
	text-indent:-9999px;}	
.HEADER .MENU .CENTER li.a h3{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu1.jpg);}	
.HEADER .MENU .CENTER li.b h3{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu2.jpg);}	
.HEADER .MENU .CENTER li.c h3{
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/menu3.jpg);}	
.HEADER .MENU .RIGHT{
	width:267px;
	height:74px;
	display:block;
	float:left;}
/*HEADER MENU END*/
/*CONTENT*/
.CONTENT{
	margin:0 auto;
	width:1250px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/bg3.jpg);
	overflow:hidden;}
.CONTENT .IMG{
	width:793px;
	margin:0 auto;}
.CONTENT .IMPORT{
	width:793px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/in7.jpg);}
.CONTENT .IMPORT2{
	width:793px;
	height:334px;
	margin:0 auto;
	padding:10px 0px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/in9.jpg);
	overflow:hidden;}
.CONTENT .IMPORT2 ul{
	width:625px;
	margin:0 auto;}
.CONTENT .IMPORT2 li.divbox{
	float:left;
	display:block;
	width:295px;
	margin-right:5px;
	margin-bottom:5px;
	padding-left:10px;
	background-color:#FFFFFF;
	border:1px solid #ffd0f4;
	font-size:16px;
	line-height:40px;
	color:#242424;
	text-decoration:none;
    cursor: pointer;
}
.CONTENT .IMPORT2 li.divOver{
 	background-color:#b07800;
	color:#FFFFFF;
	font-weight:bold;}
.CONTENT .ARTICLE{/*洗牌頁面*/
	width:677px;
	height:202px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/Animation/Animation_bg.jpg);
	overflow:hidden;} 
.CONTENT .ARTICLE .BOX1{
	margin-top:30px;
	margin-left:200px;
	width:430px;}
.CONTENT .ARTICLE .BOX1 li{
	color:#FFFFFF;
	font-size:15px;
	line-height:25px;}
.CONTENT .ARTICLE .BOX2{
	margin-top:5px;
	margin-left:200px;
	width:430px;}
.CONTENT .ARTICLE .BOX2 li{
	width:200px;
	margin-right:5px;
	float:left;
	color:#FFFF99;
	font-size:13px;
	line-height:20px;}
.CONTENT .IMG2{
	margin:0 auto;
	width:677px;}
.CONTENT .ARTICLE .BOX3{
	margin-top:100px;
	margin-left:230px;
	width:430px;}
.CONTENT .ARTICLE .BOX3 li{
	color:#FFFFFF;
	font-size:15px;
	line-height:25px;}
.CONTENT .IMG3{
	margin:0 auto;
	width:684px;
	height:444px;}
/*CONTENT END*/
/*範例頁選項*/
.CONTENT .IMPORT3{
	width:707px;
	margin:0 auto;
	padding:10px 0px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/index3/index3_2_bg.jpg);
	overflow:hidden;}
.CONTENT .IMPORT3 ul{
	width:570px;
	margin:0 auto;}
.CONTENT .IMPORT3 li.divbox{
	float:left;
	display:block;
	width:268px;
	margin-right:5px;
	margin-bottom:5px;
	padding-left:10px;
	background-color:#FFFFFF;
	border:1px solid #ffd0f4;
	font-size:15px;
	line-height:30px;
	color:#242424;
	text-decoration:none;}
.CONTENT .IMPORT3 li.divOver{
 	background-color:#b07800;
	color:#FFFFFF;
	font-weight:bold;}
/*RESULT*/
.RE_TOP{
	margin:0 auto;
	width:793px;
	height:75px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/re2.jpg);
	overflow:hidden;
	text-align:center;
	padding-top:43px;}
.RESULT{
	clear:both;
	margin:0 auto;
	width:653px;
	padding:5px 70px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/re5.jpg);
	overflow:hidden;}
.LLBOX{
	float:left;
	width:207px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00152/images_new/card_bg.png);
	padding-left:8px;
	padding-top:8px;}
	
.RRBOX{
	float:right;
	width:420px;
	padding-top:5px;}
/*RESULT END*/
/*按鈕*/
.BT1{
	margin:0 auto;
	width:250px;
	height:75px;
	display:block;}	
.BT1 a{
	display:block;
	width:250px;
	height:75px;
	background-position:top;
	background-repeat:no-repeat;}	
.BT1 a:hover{
	background-position:bottom;}
.BT_BOX{
	width:700px;
	height:75px;
	margin:10px auto;}
.BT2 a{
	display:block;
	margin-left:225px;
	float:left;
	width:250px;
	height:75px;
	background-position:top;}	
.BT2 a:hover{
	background-position:bottom;}	
.BTS a{
	display:block;
	float:left;
	margin:26px 0 0 10px;
	width:110px;
	height:21px;
	background-position:top;}	
.BTS a:hover{
	background-position:bottom;}
.BT3 a{
	float:left;
	display:block;
	width:250px;
	height:75px;
	background-position:top;
	background-repeat:no-repeat;}	
.BT3 a:hover{
	background-position:bottom;}
/*FOOT*/
.FOOT{
	width:1250px;
	margin:0 auto;
	clear:both;}

.font_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#242424;
	line-height:30px;}
.font_1_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#242424;
	line-height:30px;}
.font_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	line-height:20px;
	letter-spacing:1px;}
.font_3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#996600;
	line-height:22px;
	font-weight:bold;}
.font_4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#a64ad4;
	line-height:25px;
	font-weight:bold;}
.font_5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#e43e8a;
	line-height:25px;
	font-weight:bold;
	text-align: left;}
.font_5_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ab7600;
	line-height:25px;
	font-weight:bold;}
.font_5_3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #104cc6;
	font-weight: bold;
	line-height:25px;
	font-weight:bold;}
.font_5_4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #242424;
	line-height:25px;
	font-weight:bold;}
.font_5_4_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #60482b;
	line-height:25px;
	font-weight:bold;}
.font_5_5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	line-height:25px;
	font-weight:bold;
	text-align:center;}
.font_5_6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFF00;
	line-height:25px;
	font-weight:bold;}
.font_5_5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFFFFF;
	line-height:25px;
	font-weight:normal;}
.font_5_7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #fabfff;
	line-height:25px;
	font-weight:bold;}
.font_5_8{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #FFFF99;
	line-height:19px;
	font-weight:normal;}
.font_6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:20px;
	text-align: left;}
.font_6_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #85725F;
	line-height:26px;
	letter-spacing:1px;
	text-align: left;}
.font_7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#663366;
	font-weight:bold;}

a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}