@charset "utf-8";
body {text-align:center;font-family:"微軟正黑體","Lucida Grande", Arial, Helvetica, sans-serif;font-size:12px;color:#666666;background:url(images/shadow.png) top center repeat-y fixed;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.img_left {margin-right:30px;float:left;}
.img_right {margin-left:30px;float:right;}
#container {width:1000px;height:100%;margin:0 auto;padding:0;text-align:center;}
#header {width:1000px;margin:0;padding:0;text-align:left;}
#header .logo {margin:15px 0 0 15px;padding:0;}

#small_menu {width:447px;height:80px;margin:0 5px 0 0;background:url(../tc/images/header/phone.gif) right bottom no-repeat;float:right;}
#small_menu .small_menu1{float:right; display:block; width:90px; height:27px; background:url(../tc/images/header/mnu_online.png) bottom}
#small_menu .small_menu1:hover {background:url(../tc/images/header/mnu_online.png) top}
#small_menu .small_menu2{float:right; display:block; width:75px; height:27px; background:url(../tc/images/header/mnu_faq.png) bottom}
#small_menu .small_menu2:hover {background:url(../tc/images/header/mnu_faq.png) top}
#small_menu .small_menu3{float:right; display:block; width:73px; height:27px; background:url(../tc/images/header/mnu_contact.png) bottom}
#small_menu .small_menu3:hover {background:url(../tc/images/header/mnu_contact.png) top}
#small_menu .small_menu4{float:right; display:block; width:100px; height:27px; background:url(../tc/images/header/mnu_facebook.png) bottom}
#small_menu .small_menu4:hover {background:url(../tc/images/header/mnu_facebook.png) top}
#small_menu .small_menu5{float:right; display:block; width:104px; height:27px; background:url(../tc/images/header/mnu_twitter.png) bottom}
#small_menu .small_menu5:hover {background:url(../tc/images/header/mnu_twitter.png) top}

#menu {background:url(../tc/images/menu_bg.jpg); height:51px; margin:28px 0 120px 0}
#menu .menu0 {margin-left:30px; width:123px; height:51px; float:left}
#menu .menu0 a{display:block; width:123px; height:51px; background:url(../tc/images/menu0.gif) bottom}
#menu .menu0 a:hover {background:url(../tc/images/menu0.gif) top}
#menu .menu1 {margin-left:5px; width:153px; height:51px; float:left}
#menu .menu1 a{display:block; width:153px; height:51px; background:url(../tc/images/menu1.gif) bottom}
#menu .menu1 a:hover {background:url(../tc/images/menu1.gif) top}
#menu .menu2 {margin-left:5px; width:153px; height:51px; float:left}
#menu .menu2 a{display:block; width:153px; height:51px; background:url(../tc/images/menu2.gif) bottom}
#menu .menu2 a:hover {background:url(../tc/images/menu2.gif) top}
#menu .menu3 {margin-left:5px; width:153px; height:51px; float:left}
#menu .menu3 a{display:block; width:153px; height:51px; background:url(../tc/images/menu3.gif) bottom}
#menu .menu3 a:hover {background:url(../tc/images/menu3.gif) top}
#menu .menu4 {margin-left:5px; width:153px; height:51px; float:left}
#menu .menu4 a{display:block; width:153px; height:51px; background:url(../tc/images/menu4.gif) bottom}
#menu .menu4 a:hover {background:url(../tc/images/menu4.gif) top}
#menu .menu5 {margin-left:5px; width:153px; height:51px; float:left}
#menu .menu5 a{display:block; width:153px; height:51px; background:url(../tc/images/menu5.gif) bottom}
#menu .menu5 a:hover {background:url(../tc/images/menu5.gif) top}

#content {width:1000px;height:100%;margin:0 auto;padding:0;text-align:left;}
#content .txt_logo {margin:0;padding:0;color:#45813d;font-size:12px;font-weight:bold;font-style:italic;}
#content h1 {margin:0 0 15px 0;padding:0;color:#20c2ef;font-size:14px;font-weight:bold;}
#content h2 {margin:0 0 3px 0;padding:0;color:#ec297b;font-size:14px;font-weight:bold;}
#content h2 .small {color:#646464;font-size:9px;font-weight:normal;}
#content h3 {margin:0 0 3px 0;padding:0;color:#097C3F;font-size:13px;font-weight:bold;}
#content p {margin:0 0 15px 0;line-height:1.5em;text-align:justify;text-justify:distribute;}
#content ul {width:100%;margin:0 0 30px 0;list-style:none;}
#content li {padding:0;float:left;}
#content #djp_menu {width:204px;margin:0 0 0 20px;}
#content #main {width:666px;margin:0 76px 0 33px;}

#content #main-p2 {width:718px;margin:0 25px 0 33px;}
#content #main-p2 p {margin:0 0 30px 0;color:#000000;line-height:1.8em;}
#content #main-p2 .left {width:415px;margin:0 25px 0 0;}
#content #main-p2 .right {width:278px;margin:0;}
#content #main-p2 .right img {width:278px;height:185px;margin:0 0 30px 0;float:left;}

#content #main-p3 {width:680px;margin:0 62px 0 33px;}
#content #main-p3 p {margin:0 0 30px 0;color:#000000;line-height:1.8em;}
#content #main-p3 .frame {height:141px;margin-bottom:30px;}

#content #main-p4 {width:680px;margin:0 62px 0 33px;}
#content #main-p4 p {margin:0 0 40px 0;color:#000000;line-height:1.8em;}
#content #main-p4 .frame {height:100px;margin-bottom:40px;}

#content #main-p5 {width:680px;margin:0 62px 0 33px;}
#content #main-p5 p {margin:0 0 40px 0;color:#000000;line-height:1.8em;}
#content #main-p5 .frame {height:100px;margin-bottom:40px;}

#content #main-p6 {width:712px;margin:0 30px 0 33px;}
#content #main-p6 p {margin:0 0 30px 0;color:#000000;line-height:1.8em;}

.djp_notice {color:#4d4d4d;width:717px;margin:0 0 20px 0;padding:5px 0 5px 0;text-align:center;border:1px solid #E2C822;background:#fff9d7;font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}
.djp_notice a {text-decoration:none;color:#0088DC;}
.djp_notice a:hover {text-decoration:underline;}

#djp_menu a {display:block;width:136px;margin:17px 0 0 30px;height:12px;float:left;}
#djp_menu .codes {width:136px;margin:50px 0 15px 0;font-size:11px;font-weight:bold;color:#00000;float:left;}
#djp_menu .djp_m0 {width:172px;height:30px;margin:10px 0 0 0;background:url(images/menu-title.png);}
#djp_menu .djp_m1 {background:url(images/m1.png) bottom;}
#djp_menu .djp_m1:hover {background:url(images/m1.png) top;}
#djp_menu .djp_m1o {background:url(images/m1.png) top;}
#djp_menu .djp_m2 {background:url(images/m2.png) bottom;}
#djp_menu .djp_m2:hover {background:url(images/m2.png) top;}
#djp_menu .djp_m2o {background:url(images/m2.png) top;}
#djp_menu .djp_m3 {background:url(images/m3.png) bottom;}
#djp_menu .djp_m3:hover {background:url(images/m3.png) top;}
#djp_menu .djp_m3o {background:url(images/m3.png) top;}
#djp_menu .djp_m4 {background:url(images/m4.png) bottom;}
#djp_menu .djp_m4:hover {background:url(images/m4.png) top;}
#djp_menu .djp_m4o {background:url(images/m4.png) top;}
#djp_menu .djp_m5 {background:url(images/m5.png) bottom;}
#djp_menu .djp_m5:hover {background:url(images/m5.png) top;}
#djp_menu .djp_m5o {background:url(images/m5.png) top;}
#djp_menu .djp_m6 {background:url(images/m6.png) bottom;}
#djp_menu .djp_m6:hover {background:url(images/m6.png) top;}
#djp_menu .djp_m6o {background:url(images/m6.png) top;}
#djp_menu img {margin:0;}
#djp_menu .enquiry {margin:57px 0 0 0;color:#000000;}
#djp_menu .enquiry img {margin:0 0 15px 0;}
#djp_menu .enquiry p {margin:0 0 2px 0;padding:0;color:#000000;}
#djp_menu .enquiry .input_1 {width:204px;height:18px;border:1px solid #bfbfbf;font-size:12px;font-family:Arial, Helvetica, sans-serif; padding-top:3px;}
#djp_menu .enquiry .input_2 {width:204px;height:21px;font-size:12px; }
#djp_menu .enquiry .input_3 {width:202px;font-size:12px; }

#footer {width:960px;height:60px;margin:30px 10px 0 10px;padding:0 10px 0 10px;text-align:left;font-size:11px;color:#999999;}
#footer ul {width:100%;text-decoration:none;}
#footer li {margin:0;padding:0 0 5px 0;float:left;}
#footer .row1 {width:70%;text-align:left;}
#footer .row2 {width:30%;text-align:right;}
#footer .row2 a {color:#0088DE; text-decoration:none; margin:0 12px;}
#footer .row2 a:hover {text-decoration:none;}
#footer .row3 {width:100%;height:27px;margin:0;padding:5px 0 0 0;border-top:1px solid #cccccc;text-align:left;vertical-align:top;}
#footer .row3 img {vertical-align:top;float:left;}
#footer .row3 p {padding:5px 0 0 0;font-size:9px;vertical-align:top;float:left;}

.clear,
#header:after,
#small_menu:after,
#menu:after,
#djp_menu:after,
#content:after,
#footer:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}